html文本标签详细说明以及案例

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>