HTML 标签类型全面介绍

HTML 标签类型全面介绍

HTML(HyperText Markup Language)是构建 Web 页面结构的基础语言。HTML 由不同类型的标签组成,每种标签都有特定的用途。本文将全面介绍 HTML 标签的分类及其用法。


1. HTML 标签概述

HTML 标签通常成对出现,由 开始标签结束标签 组成,例如:

<p>这是一个段落p>

某些标签是 自闭合 的,例如


2. HTML 标签的分类

2.1 结构性标签(Layout Tags)

这些标签用于定义页面的整体结构。

  • :定义 HTML 文档的根元素。
  • :包含页面的元数据。
  • :包含页面的主要内容。
  • :定义网页的头部区域。
  • :定义网页的底部区域。
  • :页面的主要内容。
  • :定义一个独立的内容块。
  • :独立的文章内容。
  • :块级容器。
  • :行内容器。

示例:

<header>
  <h1>网站标题h1>
  <nav>
    <ul>
      <li><a href="#">首页a>li>
      <li><a href="#">关于a>li>
    ul>
  nav>
header>

2.2 文本格式化标签(Text Formatting Tags)

用于修饰和格式化文本。

  • -

    :标题标签。
  • :段落。


  • :换行。

  • :水平分割线。
  • / :加粗。
  • / :斜体。
  • :下划线。
  • :高亮。
  • / :下标 / 上标。
  • :引用。
  • :代码片段。

示例:

<p><strong>重要:strong>请在 HTML 中使用语义化标签!p>

2.3 链接和媒体标签(Links & Media Tags)