标签，也称作标记。任何一个html文本，不管它有多复杂，它都是由一个一个的标签所构成的。

html有很多标签，它们各有各自的作用。本文详细介绍了html中与文本有关的标签，跟着菁瑞优智一起学html标签吧。

1、标题标签

一篇文章肯定是有标题，html用六个标签来表示，从h1到h6，h1权重最高。

这里小编认为，h3以后的标签都没有实际意义，因为字号实在太小了，除非去重新定义标签的字号。

大多数网页应该只有一个h1，h1里面的文字是这个网页里面最重要的文字。

VS Code使用小技巧：复制一行代码 shift+alt+↓

2、段落标签

一篇文章肯定分为了很多段落，就像我们上学时的作文，分了很多个自然段。

html用p来表示段落，有默认的上下间距。

VS Code使用小技巧：自动换行 alt+Z

3、强制换行标签

br，这是一个单标记，表示段落内部强制换行，应该只用于段落内部的换行。

常用在诗词类的文本上，如果用p标签，上下行间隔太大，不美观，我们就用br强制换行，效果如下：

hr，也是一个单标记，产生一条水平线用于分割内容模块。

常用在标题与段落、段落与段落之间做分割。但是在实际应用中使用的比较少。

一般的网页中，我们经常看到的线条，其实不是用的hr，而是用样式做边框，这个边框可以改变颜色、改变粗细等，可以添加很多控制样式的属性，比使用hr方便。

4、有语义化的文本标签

语义化，通俗的解释就是在使指定的文本产生视觉效果的同时，要让浏览器认为这个文本不同于其他文本。而样式标签则只有视觉效果。

1）strong：对文本重要性的强调，加粗的样式。

（b：样式标签，只有视觉的加粗效果，但是没有文本的强调作用。）

2）em：强调文本，倾斜的样式。

（i：样式标签，只有视觉的倾斜效果，没有文本的强调作用。）

3）blockquote：定义一段引语，比如要引用某篇诗文或者文章片段。

4）cite：用来标明引言，所谓引言，就是对一本书、一篇报告或其它出版的来源资料的引用，可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。

5）q：引用一句话，实际应用中已经放弃了这种繁琐的标签，很少使用。

6）del：在字符上带一条删除线，一般用于价格的打折，把原价划掉，下面出来一个新价格，ins标签表示更新后的文本。

7）sup：上标。

8）sub：下标。

9）code：程序代码。

10）pre：预格式化，就是写在源码里是什么样式，在网页上就显示什么格式，一般和code配合使用。

11）small：用于不重要的辅助文本，比如免责申明。

12）样式标签：b（加粗）、i（倾斜）、u（下划线）、s（删除线）

5、无语义化的文本标签

span：在一段文本中，需要区分出一块文本。无语义，特别适合需要做样式，但是一点语义都没有的不重要的文本。