HTML和PHP的基础简单小知识

开发搭建环境

在HTML语言学习中,主要学习的是静态网页,而PHP语言则是学习动态网页的设计,首先介绍的是开发环境的搭建。
首先需要搭建PHP运行环境:安装Apache、安装PHP、安装MySQL,然后搭建PHP编辑环境。Web服务器Apache负责网站的发布,接受响应用户的需求,MySQL数据库负责存储管理网站中的数据,而PHP解释程序负责编译运行PHP代码。集成环境用的是WampServer,编译环境用的是DreamWeaver。目前这两个环境是学生端基础学习中运用较为广泛的。

静态网页制作技术

静态网页的文件开头和结尾由<HTML></HTML>来标记;<HEAD></HEAD>标记头部,用来包含文件的基本信息,内容不显示在网页中;<BODY></BODY>主体标记正文部分,是整个文件的主体部分。
1.在静态网页HTML设计中有一些基本语法:
(1)所有的标记必须由尖括号<>括起来,并且标记是成对出现的。如果缺少一个标记,将会导致错误运行结果。
(2)标记不区分大小写,在HTML语言中,对标记的大小写并不敏感,不会因为大小写出现错误的运行。
2.HTML非正文标记的注意点:
(1)HTML的开始、结束标记
格式:<HTML>....</HTML>

功能:标志文件开始和结尾的标记,说明:HTML文件的所有内容均位于此标记内(声明一个HTML文档),它是HTML文件的容器。
(2)HTML文件头标记
格式:<HEAD>....</HEAD>
功能:用于包含文件的初始化信息。说明:此标记为可选标记,它用来提供与Web页有关的信息,在头标记中可以使用以下标记:
<TITLE></TITLE>:网页标题信息
<SCRIPT></SCRIPT>:声明使用何种脚本,脚本标记
<META></META>:描述HTML中的文档信息,包括文档作者、检索关键字和创建日期等。
其中我们需要注意的是:<TITLE>标记只能放在<HEAD></HEAD>标记对之间。

<html>
  <head>
     <title>网站开发论文</title>
  </head>
    <body>
    </body>
</html>

以上代码即为有头有尾的HTML网页
(其中标题“网站开发论文”是显示在浏览器最上边蓝色条中的文本)
其中<SCRIPT></SCRIPT>既可以放在头部也可以放在主体标记内
a.放在头部,表示插入何种脚本
b.放在头部或主题内,使用<script></script>标记对将脚本代码行包括在其中。
(3)HTML文件主体标记
格式:<BODY>....</BODY>
功能:标记文件的主体内容,<BODY>是标记网页的主体部分,有很多的属性,而这些属性的作用:设定网页的总体风格。
可包括的属性:background、bgcolortext、link、alink等
在主体BODY还有段落(<P>)与换行标记(<br>)、水平线标记(<hr>)、字符格式化标记(<font>...</font>)、图像标记(img)、超链接标记(a herf)、表格标记(<table>)等标记
<p>:设置段落标志,表示一段结束,产生一个空白行
<br>:新一行的开始,不会产生空白行。<br>单独使用,不成对出现。<nobr>...</nobr>表示不换行。
<hr>:插入水平线,可分割不同的内容,单独使用。Hr有align(线的对齐方式,取值有left、center、right)、size(指定线的宽度,以像素为单位)、width(指定线的长度,单位可以是像素)、color(指定线的颜色)等属性。
<font>...</font>:可设置属性文本的字体大小、字体、颜色。
<img src=“图像地址” alt=“”...>:src属性不能缺,否则只会显示一片空白。注意:<img>标记并不是真正的把图像加入到html文档中,实际上是通过路径将图形文件嵌入到文档中。
<img>不仅用来插入图片,还可以用来插入视频。插入视频时主要使用dynsrc(来源)、loop(次数)、start(开始播放时间)三个属性
<a herf>:<a herf=“链接的目标地址”>链接主体</a>
注意:
超链接的属性target是设置目标打开的方式或打开的地点。
_blank:在新窗口打开链接页面
_self:不在新窗口中打开页面(默认)
_top:将链接对象显示到新窗口的整个窗口中
_parent:在父窗口中显示链接页面
页面名称:在该页面显示
通过对body里的各个标记属性进行利用,制作简单的个人简历,其代码为:

<table border=1 bgcolor=blue>
     <tr>
       <td colspan=3><font size=20 color=white>个人简历</font></td>
</tr>
<tr>
       <td><font size=5 color=white>姓名</font></td>
       <td><font size=5 color=white>小邓</font></td>
       <td rowspan=3><img 
  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值