HTML一般标签和自闭合标签介绍

HTML一般标签和自闭合标签介绍

在HTML中,标签用于定义网页内容的结构和样式。标签通常分为两类:一般标签(也称为成对标签或开放闭合标签)和自闭合标签(也称为空标签或自结束标签)。

以下是这两类标签的详细说明:

一、一般标签

一般标签由一对尖括号(< 和 >)包围,有一个开始标签(<标签名>)和一个结束标签(),它们之间可以包含其他HTML标签或文本内容。

1、标题标签(

标题标签用于创建不同级别的标题,其中

为最高级别,

为最低级别。

第一个网页

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题

这是六级标题

2、段落标签(

段落标签用于创建段落,可以指定对齐方式。

第一个网页

这是一个段落。

这是一个居中的段落。

3、强调标签(

强调标签用于突出显示文本,表示重要性,表示强调。

第一个网页

这是一个重要的句子。

这是一个强调的句子。

4、链接标签(

链接标签用于创建超链接,可以指向其他网页或同一页面的特定位置。

访问示例网站

跳转到页面中的某个部分

5、列表标签(

    1. 无序列表(

        )和有序列表(
          )用于创建列表,每个列表项由
        1. 标签定义。

          第一个网页

          • 列表项1
          • 列表项2
          • 列表项3

          1. 有序列表项1
          2. 有序列表项2
          3. 有序列表项3

          6、删除线标签(

          删除线标签用于表示删除的文本。

          第一个网页

          原价:100元 现价:80元

          7、下划线标签(

          下划线标签用于表示插入的文本。

          第一个网页

          这是一个新添加的句子。

          8、居中标签(

          居中标签用于居中对齐文本(注意:

          标签在HTML5中已被弃用,建议使用CSS样式来实现居中对齐)。

          第一个网页

          这是居中的文本。

          9、表格标签(

          、、)和单元格(

          表格标签用于创建表格,包括行(

          )。

          第一个网页

          姓名 年龄
          张三 25
          李四 30

          二、自闭合标签

          自闭合标签是不需要闭合标签的元素,通常用于表示那些不需要包裹内容的元素。在HTML5规范中,这些标签在书写时可以省略结束斜杠(/),但为了保持代码的一致性和兼容性,很多开发者仍然习惯在自闭合标签的末尾加上斜杠。

          1、图像标签(

          图像标签用于插入图片,需要指定图片的源(src)和替代文本(alt)。

          示例图片

          2、换行标签 (
          )

          用于在文本中插入换行。

          第一个网页

          这是第一行。
          这是第二行。

          3、水平线标签 (


          )

          用于在网页中插入水平线,通常用于分隔内容。

          第一个网页

          上面的段落。


          下面的段落。

          4、输入标签 ()

          用于创建表单输入控件,如文本框、复选框、单选按钮等。

          第一个网页

          type 属性指定输入控件的类型。

          name 属性指定输入控件的名称,用于在表单提交时识别数据。

          placeholder 属性提供输入控件的占位符文本。

          5、元标签 ()

          用于定义文档的元数据,如字符集、页面描述、关键词等。

          6、链接标签 ()

          用于定义文档与外部资源的关系,如样式表、图标等。

          rel 属性指定当前文档与外部资源的关系。

          href 属性指定外部资源的路径。

          7、源标签 ()

          用于为

          8、跟踪标签 ()

          用于为

          虽然标签在HTML5中不是严格意义上的自闭合标签(因为它可以包含属性),但在实际使用中,它通常不包裹内容,因此也常被视作自闭合标签的一种。