运用HTML5搭建网页结构

认识标签：在HTML（Hyper Text Markup Language）页面中，带有“< >”符号的元素称为HTML标签；
1.双标签与单标签：双标签也称“体标签”，基本语法如下：
<标签名>内容</标签名>
单标签： 一个标签即可完整地描述某个功能的标签；语法为：<标签名/> ；
2.注释标签：<!—注释语句—>；
3.标签属性：标签名与属性、属性与属性之间均以空格分开；其中属性与属性值以“键值对”的形式出现；
4.<meta/ >标签用于定义页面元信息：
name/content属性可以为搜索引擎提供信息；
http-equiv/content属性：
设置字符集：属性值为Content-Type；
页面自动刷新与跳转：refresh；
5.文本控制标签：标题标签：h1~h6；一个页面只能使用一个h1标签，通常使用在网站的logo部分；h标签有确切的语义，不允许修改其文字大小或加粗等；
段落标签：p ；使用段落标签，每个段落都会独占一行，段落之间会拉开一定的距离；
6.水平线标签和换行标签：hr、br ；水平线标签常用属性：align、size、color、width；换行标签：换行标签虽然可以换行，并不能取代结构标签h、p等；
7.文本样式标签：font ；常用属性：face、size、color；
文本格式化标签：b、strong：加粗（b是文本粗体，strong是强调文本）；
ins：文字以加下划线方式显示；
i、em：斜体；
del：删除线；
8.特殊字符标签：空格符：&nbsp；&：&amp；版权：&copy；注册商标：&reg等；
9.图像标签：img；
标签属性：src：图像的路径；
alt：替换文本；
title：鼠标悬停时显示内容；
width、height、border（边框宽度）、vspace与hspace（设置空白）；
align：left、right、top、middle、bottom（底部与文本第一行对齐，其他文字居图像下方）
注意：实际制作过程中通常用CSS设置背景，图像标签align属性通常用CSS样式来代替；
10.绝对路径与相对路径：网页制作中不推荐使用绝对路径；
图像与HTML文件处于同一文件夹：输入文件名即可，处于下一文件夹则输入文件夹名和文件名；
当图像文件位于HTML文件的上一级文件夹：在文件名之前加入“…/”如果是两级，依次类推；