标签可以定义为直接嵌入 HTML 文档文本中的指令。 HTML 文档中使用的标签类型负责告诉 Web 浏览器执行某些操作(按照说明进行操作),而不仅仅是显示文本。在 HTML 文档中,所有标签名称都与其他简单文本区分开来。标签名称括在尖括号或“小于”和“大于”符号()之间。
HTML 文档是使用不同类型的标签创建的。 HTML标签可以根据不同的基础进行定义和划分。让我们在本文的后续部分中看到它们。我们根据以下分类对 HTML 标签进行了划分:
以下是 HTML 中的配对和不配对标签,并通过示例详细解释。
当 HTML 标签包含一个开始标签和一个结束标签作为其伴随标签时,该标签称为配对标签。 HTML 配对标签以开始标签开头:尖括号内的标签名称;例如,段落开始标记写为“
”。内容在开始标签之后,以结束标签结束:标签名称以正斜杠开头;例如,结束段落标签写为“
”。第一个标签可以称为“开始标签”,第二个标签可以称为结束标签。示例#1:
<p> This text is a paragraph . </p>
输出:
注意:这里,开始标签是,结束标签是
。示例#2:
配对标签的另一个示例是斜体和/或粗体标签:
<i> <b> This is a bold and italicized text </b> </i>
输出:
注意:这些配对标签也称为容器标签。当 HTML 标签只有开始标签而没有结束标签或伴随标签时,该标签称为不配对标签。不配对的 HTML 标签不需要结束标签;在这种类型中,一个开始标签就足够了。不配对的标签有时也被命名为独立标签或单一标签,因为它们不需要伴随标签。
示例:
This is a paragraph
<i> <b> This is a bold and italicized text </b> </i>
输出:
注意: 这里,自关闭标签是那些没有合作伙伴标签的 HTML 标签,其中第一个标签是对格式有效的唯一必要标签。主要且重要的信息作为其属性包含在元素内。图像标签是自闭合标签的典型示例。让我们看看下面的实际效果:
示例:
<img src="a.jpg" alt="This is an alternate text">
注意:在旧版本中,自闭合标签在结束或结束“大于”符号/符号之前使用“正斜杠”,如下所示:
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 标签称为结构标签。描述、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 标签的上述区别是基于标签的类型及其用途。 HTML标签还可以根据基本类别进行简单划分,如基本HTML根标签、格式标签、音频和视频标签、表单和输入标签、框架标签、链接标签、列表标签、表格标签、样式标签、元标签等.
以上是HTML 中的标签类型的详细内容。更多信息请关注PHP中文网其他相关文章!