一、标题标签<h1> - <h6> （重要）
1、例：<h1> 我是一级标题 </h1>
2、语义：作为标题使用，并且依据重要性递减。
二、段落标签（重要）
1、例：<p> 我是一个段落标签 </p>
2、语义：可以把HTML文档分割为若干段落。
三、换行标签（重要）
1、例：<br />
2、语义：强制换行
3、与段落标签区别：分段两段文字之间有间距；换行无间距。
四、文本格式化标签
1、作用：为文字设置粗体、斜体、下划线等效果。
2、语义：突出重要性。
3、例：推荐使用第一种标签，语义更强烈。
| 语义 | 标签 |
| 加粗* | <strong></strong> 或者 <b></b> |
| 倾斜* | <em></em> 或者 <i></i> |
| 删除线 | <del></del> 或者 <s></s> |
| 下划线 | <ins></ins> 或者 <u></u> |
五、<div>和<span>标签
1、<div>和<span>是没有语义的，它们就像一个盒子，用来装内容的。
2、例：<div>这是头部</div>（div表示分割、分区。）
<span>今日价格</span>（span表示跨度、跨距。）
3、特点：
1）<div>标签用来布局，但一行只能放一个<div>。（大盒子）
2）<span>标签用来布局，一行上可以多个<span>。（小盒子）
六、图像标签（单标签）
1、例：<img src=”图像url” />
2、src为<img>标签的必须属性，它用于指定图像文件的路径和文件名。
3、属性：属于这个图像标签的特性。
（属性之间不分先后顺序，属性之间均已空格分开）
| 属性 | 属性值 | 说明 |
| src | 图片路径 | 必须属性 |
| alt | 文本 | 替换文本。图像不能显示的文字 |
| title | 文本 | 提示文本。鼠标放在图片上显示的文字 |
| width | 像素 | 设置图片的宽度（高和宽一般只设置一个） |
| height | 像素 | 设置图片的高度 |
| border | 像素 | 设置图像的边框粗细 |
七、路径
1、相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。
2、绝对路径：目录下的绝地位置（D:\注意斜杠方向）或完整网络地址
| 相对路径分类 | 符号 | 说明 |
| 同一级路径 |
| 图像文件位于HTML文件同一级 |
| 下一级路径 | / | 图像文件位于HTML文件下一级 |
| 上一级路径 | ../ | 图像文件位于HTML文件上一级 |
八、超链接标签
1、链接格式：<a herf=”跳转目标” target=”目标窗口的弹出方式”>文本或图像</a>
2、属性：
| 属性 | 作用 |
| href | 必须属性。用于指定链接目标的url地址 |
| target | 用于指定链接页面的打开方式（_self为默认值，_blank为在新窗口中打开方式） |
3、链接分类
1）外部链接：例如<a href=”http://www.7ypf.cn”>个人主页</a>
2）内部链接：网站内部页面之间相互链接，直接链接内部页面名称即可，例如<a href=”index.html”>首页</a>
3）空连接：没有确定的链接目标，例如<a href=”#”>首页</a>
4）下载链接：如果href里面地址是一个文件或者压缩包，会下载这个文件。
5）网页元素链接：在网页中各种网页元素，如文本、图片、表格、音频、视频等都可以添加超链接。
6）锚点链接：当我们点击链接，可以快速定位到页面中的某个位置。
①在链接文本的href属性中，设置属性值为“#名字”的形式，如<a href=”#one”>第一集</a>
②找到目标位置，里面添加一个id属性=刚才的名字，如<h3 id=”one”>第一集介绍</h3>
九、注释标签
1、格式：以”<!--”开头，以”-->”结束（<!-- 注释语句 -->）
2、快捷键：ctrl + /
十、特殊字符
重点记住：空格、大于号、小于号这三个。
