一、标签语义
每个标签的语义，即标签的含义，这个标签是用来干嘛的
根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。
二、标题标签
为了使网页更具有语义化，HTML提供了6个等级的网页标题。即<h1></h1>
单词head的缩写，意味头部、标题。
标签语义：作为标题使用，并且依据重要性递减。
特点：
1、加了标题的文字会变的加粗，字号也会依次变大。
2、一个标题独占一行。
三、段落和换行标签
在网页中，要把文字有条理的显示出来，就需要将这些文字分段显示。在HTML标签中，<p>标签用于定义段落，它可以将整个网页分为若干个段落。
单词paragraph的缩写，意为段落。
标签语义：可以把HTML文档分割为若干段落。
特点：
1、文本在一个段落中会根据浏览器窗口的大小自动换行。
2、段落和段落之间保有空隙。
在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后才会自动换行，如果希望某段文本强制换行显示，就需要使用换行标签<br/>
单词break的缩写，意为打断、换行。
标签语义：强制换行
特点：
1、<br/>是个单标签
2、<br/>标签只是简单的开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距。
四、文本格式化标签
在网页中，有时需要为文字设置粗体、斜体或下划线等效果，这时就需要用到HTML中的文本格式化标签，是文字以特殊的方式显示。
标签语义：突出重要性，比普通文字更重要。
加粗：<strong></strong>或者<b></b>
倾斜：<em></em>或者<i></i>
删除线：<del></del>或者<s></s>
下划线：<ins></ins>或者<u></u>
推荐使用<strong><em><del><ins>标签加粗，语义更强烈。
五、<div>和<span>标签
<div>和<span>是没有语义的，它们就是一个盒子，用来装内容的。
<div>是division的缩写，表示分割、分区，span意为跨度、跨距。
特点：
1、<div>标签用来布局，但是现在一行只能放一个<div>，大盒子
2、<span>标签用来布局，一行上可以多个<span>，小盒子
六、图像标签和路径
1、图像标签
在HTML标签中，<img>标签用于定义HTML页面中的图像。
单词image的缩写，意味图像
src是<img>标签的必须属性，它用于指定图像文件的路径和文件名。
所谓属性：简单理解就是属于这个图像标签的特性。
图像标签的其它属性：
src alt（替换文本，图像不能显示的文字） title（提示文本，鼠标放到图像上，显示的文字） width height border
图像标签属性注意点：
图像标签可以有多个属性，必须写在标签名的后面。
属性之间不分先后顺序，标签名与属性、属性与属性之间均以空隔分开。
属性采取键值对的格式，即key="value"的格式
2、路径
目录文件夹和根目录
目录文件夹：就是普通文件夹，里面只不过存放了我们做页面所需要的相关素材，比如html文件、图片等。
根目录：打开目录文件夹的第一层就是根目录。
路径之相对路径
相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。
简单来说，图片相当于HTML页面的位置。
相对路径分类：
同一级路径：
下一级路径： /
上一级路径： ../
路径之绝对路径
绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。
七、超链接标签
1、链接的语法格式
单词anchor的缩写，意为：锚
两个属性的作用如下：
href：用于指定链接目标的url地址（必须属性），当为标签应用href属性时，它就具有了超链接的功能。
target：用于指定链接页面的打开方式，其中_self为默认值，当前窗口打开页面，_blank为在新窗口中打开页面。
2、链接分类
外部链接
内部链接：网页内部页面之间的相互链接。
空连接：#
下载链接：如果href里面地址是一个文件或者压缩包，会下载这个文件。
网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。
锚点链接：当我们点击链接可以快速定位到页面中的某个位置。
在链接文本的href属性中，设置属性值为#名字的形式
找到目标位置标签，里面添加一个id属性 = 刚才的名字。
原文：https://www.cnblogs.com/lisalisalisa/p/12290262.html