HTML 文本标签详细说明及案例

  1. <h1><h6>

    • 说明: 用于定义标题,<h1> 是最高级标题,<h6> 是最低级标题。

    • 案例:

      <h1>这是标题1</h1>
      <h2>这是标题2</h2>
      <h3>这是标题3</h3>
  2. <p>

    • 说明: 用于定义段落。

    • 案例:

      <p>这是一个段落。</p>
  3. <a>

    • 说明: 用于创建超链接。

    • 案例:

      <a href="https://www.example.com">访问示例网站</a>
  4. <b><strong>

    • 说明: <b> 用于加粗文本,<strong> 用于强调文本(语义更强)。

    • 案例:

      <b>加粗文本</b>
      <strong>强调文本</strong>
  5. <i><em>

    • 说明: <i> 用于斜体文本,<em> 用于强调文本(语义更强)。

    • 案例:

      <i>斜体文本</i>
      <em>强调文本</em>
  6. <u>

    • 说明: 用于下划线文本。

    • 案例:

      <u>下划线文本</u>
  7. <s><del>

    • 说明: <s> 用于删除线文本,<del> 用于表示删除的文本(语义更强)。

    • 案例:

      <s>删除线文本</s>
      <del>删除的文本</del>
  8. <mark>

    • 说明: 用于高亮文本。

    • 案例:

      <mark>高亮文本</mark>
  9. <sup><sub>

    • 说明: <sup> 用于上标文本,<sub> 用于下标文本。

    • 案例:

      <p>这是一个<sup>上标</sup>和一个<sub>下标</sub>的例子。</p>
  10. <q><blockquote>

    • 说明: <q> 用于短引用,<blockquote> 用于长引用。

    • 案例:

      <q>这是一个短引用。</q>
      <blockquote>这是一个长引用。</blockquote>
  11. <code>

    • 说明: 用于显示代码片段。

    • 案例:

      <code>console.log("Hello, World!");</code>
  12. <pre>

    • 说明: 用于预格式化文本,保留空格和换行。

    • 案例:

      <pre>
        这是一段预格式化的文本。
        它保留空格和换行。
      </pre>
  13. <br>

    • 说明: 用于插入换行。

    • 案例:

      <p>这是第一行。<br>这是第二行。</p>
  14. <hr>

    • 说明: 用于插入水平分隔线。

    • 案例:

      <p>这是第一部分。</p>
      <hr>
      <p>这是第二部分。</p>
  15. <abbr>

    • 说明: 用于定义缩写或首字母缩略词。

    • 案例:

      <abbr title="World Wide Web">WWW</abbr>
  16. <address>

    • 说明: 用于定义联系信息。

    • 案例:

      <address>
        作者: John Doe<br>
        邮箱: john@example.com
      </address>
  17. <time>

    • 说明: 用于定义日期或时间。

    • 案例:

      <time datetime="2023-10-01">2023年10月1日</time>

本篇文章内容来源于:html文本标签详细说明以及案例