HTML 中的标签类型-html教程-PHP中文网

HTML 中排名前 3 的标签类型

配对标签

未配对的标签

格式化标签

结构标签

控制标签

首页

web前端

html教程

HTML 中的标签类型

王林

Sep 04, 2024 pm 04:19 PM

html html5 HTML Tutorial HTML Properties HTML tags

标签可以定义为直接嵌入 HTML 文档文本中的指令。 HTML 文档中使用的标签类型负责告诉 Web 浏览器执行某些操作（按照说明进行操作），而不仅仅是显示文本。在 HTML 文档中，所有标签名称都与其他简单文本区分开来。标签名称括在尖括号或“小于”和“大于”符号（）之间。

HTML 中排名前 3 的标签类型

HTML 文档是使用不同类型的标签创建的。 HTML标签可以根据不同的基础进行定义和划分。让我们在本文的后续部分中看到它们。我们根据以下分类对 HTML 标签进行了划分：

1。配对和未配对标签

以下是 HTML 中的配对和不配对标签，并通过示例详细解释。

配对标签

当 HTML 标签包含一个开始标签和一个结束标签作为其伴随标签时，该标签称为配对标签。 HTML 配对标签以开始标签开头：尖括号内的标签名称；例如，段落开始标记写为“

”。内容在开始标签之后，以结束标签结束：标签名称以正斜杠开头；例如，结束段落标签写为“

”。第一个标签可以称为“开始标签”，第二个标签可以称为结束标签。

示例#1：

<p> This text is a paragraph . </p>

登录后复制

输出：

HTML 中的标签类型

注意：这里，开始标签是，结束标签是

。

示例#2：

配对标签的另一个示例是斜体和/或粗体标签：

<i> <b> This is a bold and italicized text </b> </i>

登录后复制

输出：

HTML 中的标签类型

注意：这些配对标签也称为容器标签。

未配对的标签

当 HTML 标签只有开始标签而没有结束标签或伴随标签时，该标签称为不配对标签。不配对的 HTML 标签不需要结束标签；在这种类型中，一个开始标签就足够了。不配对的标签有时也被命名为独立标签或单一标签，因为它们不需要伴随标签。

示例：

 This is a paragraph 

<i> <b> This is a bold and italicized text </b> </i>

登录后复制

输出：

注意： 这里，

是用于创建水平线的未配对标签。在旧版本中，您可能会看到 hr 标签写为

而不是

。这些标签也称为空标签。

2。自动关闭标签

自关闭标签是那些没有合作伙伴标签的 HTML 标签，其中第一个标签是对格式有效的唯一必要标签。主要且重要的信息作为其属性包含在元素内。图像标签是自闭合标签的典型示例。让我们看看下面的实际效果：

示例：

<img src="a.jpg" alt="This is an alternate text">

登录后复制

注意：在旧版本中，自闭合标签在结束或结束“大于”符号/符号之前使用“正斜杠”，如下所示：

”这是替代文本”

3。基于实用程序的标签

HTML 标签可以根据其实用性（即根据其服务的目的）进行广泛区分。我们可以将它们基本上分为三类，如下所述：

格式化标签

帮助我们设置文本格式的 HTML 标签，例如文本大小、字体样式、文本粗体等。这是使用、、等标签完成的。 u> 等。表格、分区和跨度标签也是帮助格式化网页或文档并设置页面布局的标签。下面是一个小程序，使用分区以及其他一些格式化标签来格式化页面。

示例：

<body>
<div class="container">
<div class="row">
<div class="col-25">
<label for="email"><b>Name</b></label>
</div>
<div class="col-35">
<input type="text" placeholder="First" name="fname" required>
</div>
<div class="col-35">
<input type="text" placeholder="Last" name="lname" required>
</div>
</div>
</div>
</body>

登录后复制

输出：

HTML 中的标签类型

结构标签

帮助构建 HTML 文档的 HTML 标签称为结构标签。描述、head、html、title、body等，构成页面结构标签组。结构标签仅有助于从根部创建或形成基本的 html 页面；也就是说，它们不影响或参与文本的格式设置。所以一个基本的HTML程序就是一组基本的结构标签：

示例：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Types of Tags Demo</title>
</head>
<body>
<p> This is a paragraph </p>
<i><b> This is a bold and italicized text </b></i>
</body>
</html>

登录后复制

输出：

HTML 中的标签类型