html文本标签有哪些（html基本标签大全）

今天的内容主要是标题标签h、段落标签p、和文本外观相关标签的用法，尤其是特殊的注意事项。明天会学习标签分类和特殊字符的表示。关注我，一起进步。

第四章 HTML文本相关标签

1、静态页面组成

静态页面主要由4种元素组成：文字、图片、超链接和视频音频。

2、动态页面和静态页面的区别

动态页面能实现与服务器的数据交互（例如注册登录），静态页面不能。

3、HTML文本的主要标签

HTML文本就是网页上显示的主要内容，需要用到的主要标签有如下几类：标题标签、段落标签、文本标签、水平线标签、特殊符号标签。这些标签都在body标签内部。

4、h1~h6标题标签

标题标签根据字体大小不同分成6个等级，分别是h1~h6，h是标题的英语headline的缩写。使用格式为：

&<h1&>标题&</h1&>

代码示例和显示效果如下，可见（1）标题的字体也可以比内容字体小；（2）标题字体都是加粗的：

5、title标签和h标签的区别

title标签显示在整个窗口的左上角，h1~h6是文章里的标题，显示在页面上，如下图：

6、p段落标签

段落标签p是英语paragraph的缩写，其使用格式为：

&<p&>段落内容&</p&>

段落标签p用于显示普通的文本内容，每个自然段用一个p标签比较好。每个p标签的内容显示的时候都会另起一行，无论对应的代码有没有在同一行。效果如下图，第一段和第二段的代码在同一行，而内容显示在两行。

7、br换行标签

br是强制换行的标签，可以插在需要换行的任何地方，使用格式为：&</br&>。注意p标签的换行，行距较大，而br标签换行后，就像段内的行距一样。

8、文本标签

文本标签主要有：

粗体标签：strong、b（bold的缩写，粗体，黑体）

示例：&<strong&>加粗内容&</strong&>，&<b&>加粗内容&</b&>

斜体标签：i（italic的缩写，斜体）、em（emphasized的缩写，强调）、cite（引用）

示例：&<i&>斜体内容&</i&>，&<em&>斜体内容&</em&>，&<cite&>斜体内容&</cite&>

上标标签：sup（superscript的缩写，上标）

示例：&<sup&>上标文本&</sup&>

下标标签：sub（subscript的缩写，下标）

示例：&<sub&>下标文本&</sub&>

中划线标签：s（strickout的缩写，删除线）

示例：&<s&>加删除线文本&</s&>

下划线标签：u（underline的缩写，下划线）

示例：&<u&>加下划线文本&</u&>

大字号标签：big

示例：&<big&>加大字号文本&</big&>

小字号标签：small

示例：&<small&>缩写字号文本&</small&>

这些标签定义了文本的外观，示例代码和显示效果如下：

9、水平线标签

水平线标签的作用就是加一条水平线，无论在哪里加&<hr/&>都会另起一行显示一条水平线。水平线标签用三种形式都可以：&<hr&>、&</hr&>、&<hr/&>，所以就用最简单的&<hr&>了。换行标签br也有类似情况。

如果在段落的中间加上hr水平线标签，一个段落就会分成两段，并在中间加上水平线。

学无止境，乐在其中。

点击关注，一起进步！