>今天的内容主要是标题标签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水平线标签，一个段落就会分成两段，并在中间加上水平线。
学无止境，乐在其中。
点击关注，一起进步！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至 55@qq.com 举报，一经查实，本站将立刻删除。转转请注明出处：https://www.szhjjp.com/n/59697.html