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

2024年11月2日 01:53:37 • 投稿 • 阅读 23

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

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

第四章 HTML文本相关标签

1、静态页面组成

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

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

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

3、HTML文本的主要标签

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

4、h1~h6标题标签

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

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

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

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

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

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

6、p段落标签

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

段落内容

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

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

7、br换行标签

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

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

8、文本标签

文本标签主要有：

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

示例：加粗内容，加粗内容

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

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

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

示例：上标文本

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

示例：下标文本

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

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

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

示例：加下划线文本

大字号标签：big

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

小字号标签：small

示例：缩写字号文本

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

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

9、水平线标签

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

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

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

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

学无止境，乐在其中。

点击关注，一起进步！

原创文章，作者：admin，如若转载，请注明出处：https://www.qq65hfghe5.com/tg/18353.html

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

相关推荐