1 html的规范
1一个html文件开始标签和结束的标签<html> </html>
2 html包含两个部分
<head>设置相关信息</head>
<body>显示在页面上的内容都卸载body里面</body>
3html的代码不区分大小写
4html的标签有开始标签，也有结束标签
5 有些标签，没有结束标签，在标签内结束
比如，换行 <br/>
线<hr/>
2 html的操作思想
网页中有很多的数据，不同的数据可能需要不同的显示效果，这个时候需要使用标签把要操作的数据封装起来，通过修改标签的属性值实现标签内数据样式的修改
一个标签相当于一个容器，想要修改容器内数据的样式只需要改变容器的属性值，就可以实现容器内数据样式的变化。
3 html中常用的标签
文字标签和注释标签
<front></front>
<!--注释 -->
4 标题标签 水平线标签和特殊字符
标题标签
<h1></h1><h2></h2><h3></h3>.......<h6></h6>
从h1到h6大小是依次变小，同时会自动换行
水平线标签
<hr/>
size 水品线的出席 取值范围 1-7
color 颜色
<hr size="1" color="#ffddee">
特殊字符 特殊字符需要转意
5 列表标签
如 天地会总舵
青木堂
白虎堂
玄武堂
<dl></dl>表示列表的范围
在dl里面 <dt></dt> 上层内容
在dl里面 <dd></dd>下层内容
代码
<dl>
<dt>天地会总舵</dt>
<dd>白虎堂</dd>
<dd>青木堂</dd>
<dd>玄武堂</dd>
</dl>
有序号标识的列表
<ol></ol>有序列表的范围
<li></li>具体的内容
<ol>
<li>财务部</li>
<li>学工部</li>
</ol>
6图像标签
<img src="图像的路径"/>
src:图片的路径
width：图片的高度
height：图片的宽度
alt:图片上显示的文字，把鼠标移动到图片上，停留片刻显示内容，有些浏览器不显示
7路径的介绍
绝对路径
c:\user\....
http://www.baidu.com/b.jpg
相对路径
一个文件相对于另一个文件的位置
1：html文件和图片在同一个路径下，则可以直接写文件的名字
<img src="b.jgp" alt="这是一个美女"/>
2: 图片在html的下层目录
在html文件中，使用img文件夹下面的a.jg
...\code\hello.html
...\code\img\a.jpg
<img src="img\a.jpg" alt="这是一个美女" />
3图片在HTML文件的上层目录
...\code\hello.html
...\a.jpg
<img src="../a.jpg" alt="这是一个美女" />
../表示上级目录
8超链接标签的使用
<a href="链接到资源的地址">显示在页面上面的内容</a>
href:链接的资源的地址
target:设置打开的方式，默认是在当前页打开
_blank:在一个新的窗口打开
_self:在当前页打开，默认
当超链接不需要链接到任何的地址 在href里面加#
<a href="#">这个是一个超链接</a>
定位资源
如果想要定位资源，定义一个位置
<a name="top" >顶部</a>
回到这个位置
<a href="#top">回到顶部</a>
9表格标签
<table></table>表示表格的范围
border:表格线
bordercolor:表格线的颜色
cellspacing:单元格之间的距离
width表格的宽
height表格的高
在table里面用<tr></tr>表示行
设置显示方式 align:left center right
在<tr>里面用<td></td>表示单元格
标题
<caption>人员信息<caption>
合并单元格
rowspan 跨行
colspan 跨列
<td colspan="3">人员信息</td>
浙公网安备 33010602011771号