HTML页面构成

<!DOCTYPE html>              //定义为H5文档
<html lang="en">             //定义HTML文档 lang="en"也可以用lang="zh-CN"，必写。
<head>                       //头部标签
</head> 
<body>                       //文档可见页面的内容
</body>
</html>

其中＜head＞＜/head＞包含了所有的头部标签元素，＜body＞＜/body＞包含了文档的所有内容。

常用的头部标签元素

标题	说明
meta	定义文档的元数据
title	定义文档的标题
link	定义文档与外部资源之间的联系
script	定义客户端的脚本文件
style	定义文档的样式文件，一般不直接写在HTML文档中，使用＜link＞标签与外部CSS文件完成关联

但是每个文档都一定要使用＜meta charset="UTF-8"＞,采取UTF-8保存文字，若不写会出现乱码。

常用文档内容的标签（一）

文档内容标签众多，主要需要理解标签的含义，就是这个标签是用来干嘛的。没有标签的文档只会从左到右从上到下显示在一起，及其不方便观看。正确使用了标签的文档会将页面变得有序、整洁、明了。

标题标签

HTML有6个等级的网页标题＜h1＞＜/h1＞---＜h6＞＜/h6＞。字体加粗，1-6字号从大到小。重要性依次降低。

段落标签

段落标签＜p＞＜/p＞会有条理的将文字划分为段落显示出来，将整篇文章划分为若干个段落。文字会从左到右显示，直到浏览器右端自动换行。强制换行则可以在段落中加入换行标签＜br/＞，把过长的一行分为两行或者多行。

文本格式化标签

标签	说明
＜strong＞＜/strong＞或者＜b＞＜/b＞	包含的文本字体加粗
＜em＞＜/em＞或者＜i＞＜/i＞	字体倾斜
＜del＞＜/del＞或者＜s＞＜/s＞	字体删除线
＜ins＞＜/ins＞或者＜u＞＜/u＞	字体下划线

图像标签

图像标签＜img＞是单标签，用户定义HTML文档的图像，src是＜img＞的必要属性，其是指定图像文件的路径和文件名。路径分为相对路径和绝对路径。

相对路径

简单讲就是图片相对于HTML页面的位置。

同一级路径，如

＜img src="image.jpg"/＞

＜img src="images/image.jpg"/＞

上一级路径，使用../，如

＜img src="../image.jpg"/＞

若不止一级则可以多次使用../

绝对路径

目录下的绝对位置，直接到达目标位置，通常从盘符开始。如"D:\web\html\images\image.jpg"或者完整的网络地址。

＜img＞的其余属性：

属性	说明
alt	图片无法正常显示时，用来替换显示的文本
title	鼠标放到图片上时显示的文字

图像可以通过CSS来改变高度宽度和边框。

链接标签

超链接标签是＜a＞＜/a＞定义，效果是从一个页面到另一个页面。必要属性herf，用来指定目标链接的url地址。链接也分为外部链接和内部链接。

外部链接

外部网站的链接地址，如

＜a herf="http://www.baidu.com"＞baidu＜/a＞

内部链接

网站页面内部之间的相互链接，直接链接内部页面名称，如

＜a herf="index.html"＞首页＜/a＞

若暂时没有确定的目标也可以使用空链接

＜a herf="#"＞＜/a＞

HTML一些常用标签（一）