前端开发必备 HTML的常用标签（二）

目录

一、HTML语言

二、水平线标签

三、字体样式标签

四、注释和特殊符号

---

一、HTML语言

HTML（Hypertext Markup Language）是一种标记语言，用于创建网页的结构和内容。它由一系列的标签组成，这些标签定义了网页中各个元素的结构和特性。HTML文档是由一系列嵌套的HTML元素构成的，这些元素可以包含文本、图像、链接、表格、表单等等。

HTML的主要作用是描述网页的结构和语义，它通过标签将文本内容和其他媒体元素组织起来，并定义它们的样式和行为。HTML标签由尖括号< >包围，通常是成对出现的，有起始标签和结束标签，如<tagname>content</tagname>。有些标签是单标签，不需要结束标签。

通过使用HTML，我们可以创建链接、列表、段落、标题、图像、表格等各种元素，并使用CSS（层叠样式表）来控制它们的外观和布局。HTML还可以嵌入JavaScript脚本，实现交互式的网页功能。

HTML是互联网的基础，它是构建网页和网站的核心技术之一。通过编写HTML代码，我们可以创建出丰富多样的网页内容，并在浏览器中进行展示和访问。

二、水平线标签

HTML中用于创建水平线的标签是<hr>。<hr>标签是一个单标签，不需要闭合标签。它用于在页面中插入一条水平线，常用于分隔不同的内容区块或章节。<hr>标签可以在水平方向上创建一条横线，默认样式为实线，宽度为100%。例如，以下代码会在浏览器中显示一条水平线：

<p>这是第一段内容。</p>
<hr>
<p>这是第二段内容。</p>

这段HTML代码会在页面中显示两个段落之间一条水平线。你也可以使用CSS来修改水平线的样式，如线条颜色、宽度、样式等。通过添加style属性，你可以在<hr>标签中设置自定义的样式，例如：

<hr style="color: red; border-style: dashed;">

这段代码会在页面中显示一条红色的虚线水平线。请注意，<hr>标签通常用于表示语义上的分割，而不是用于页面的布局。在现代的网页开发中，使用CSS来控制分割线的样式和布局更为常见和推荐。

三、字体样式标签

HTML提供了一些标签用于设置文本的字体样式。以下是一些常用的HTML字体样式标签：

1. <b>：加粗文本。例如：<b>加粗文本</b>

2. <i>：斜体文本。例如：<i>斜体文本</i>

3. <u>：下划线文本。例如：<u>下划线文本</u>

4. <s>：删除线文本。例如：<s>删除线文本</s>

5. <strong>：加重强调文本。例如：<strong>加重强调文本</strong>

6. <em>：强调文本。例如：<em>强调文本</em>

7. <sup>：上标文本。例如：<sup>上标文本</sup>

8. <sub>：下标文本。例如：<sub>下标文本</sub>

9. <small>：小号文本。例如：<small>小号文本</small>

10. <big>：大号文本。例如：<big>大号文本</big>

这些标签可以单独使用或者嵌套在一起进行组合使用，以实现不同的字体样式效果。需要注意的是，HTML中的字体样式标签只是对文本进行样式设置，并不代表具体的字体类型或大小。实际的字体样式通常由CSS来控制和定义。在现代的网页开发中，更常见的做法是使用CSS来设置字体样式，通过为元素添加相应的类或样式属性来实现字体的加粗、斜体、下划线等效果。

四、注释和特殊符号

在HTML中，注释可以用来在代码中添加注解或说明，以便于其他开发人员阅读和理解代码。HTML注释使用<!--开始，使用-->结束。注释的内容在这两个符号之间。例如：

<!-- 这是一个HTML注释 -->

注释不会在浏览器中显示，它们只是对代码进行解释和说明。

在HTML中，有一些特殊的字符需要使用实体编码来表示，因为它们具有特殊的含义或被用于标记语法。以下是一些常见的特殊字符和它们的实体编码表示：

• <：小于号的实体编码是<
• >：大于号的实体编码是>
• &：和号的实体编码是&
• "：双引号的实体编码是"
• '：单引号的实体编码是'

通过使用实体编码，可以在HTML中正确地显示这些特殊字符，而不会被解释为HTML标签或其他语法元素。例如，以下代码将在浏览器中显示一个包含特殊字符的文本：

<p>这是一个包含&lt;和&gt;的文本。</p>

浏览器会将实体编码解析为对应的特殊字符。