元素分类# 

HTML 提供了多种常用元素，用于构建网页结构、展示内容以及实现用户交互。

HTML 元素的分类在不同版本的标准中是不同的。

• 在 HTML4 标准中，元素可分为 块级元素和行内元素，它们默认呈现不同的布局形式。
• 在 HTML5 标准中，元素则按照共同特征进行分类，例如：流式内容（Flow content）、分段内容（Sectioning content）、标题内容（Heading content）等等，它们更加语义化。

更多分类请参考 HTML5 元素分类。

块级元素与行内元素（HTML4）# 

为了方便学习和记忆，本课程只介绍 HTML4 标准中的块级元素和行内元素分类。

块级元素# 

块级元素会独占一行，并且通常用作页面的主要结构组件。

<div>这是一个块级元素。</div>
<p>这是一个段落，也是块级元素。</p>

常见的块级元素包括：

• <div>：通用容器，无特定语义。
• <p>：表示段落。
• <h1> 至 <h6>：标题元素。
• <section>：表示文档中的一个区域。
• <article>：表示一个独立的文章内容。

行内元素# 

行内元素不会独占一行，通常用于包裹文本中的部分内容。

<span>这是一个行内元素。</span>
<a href="#">这是一个超链接。</a>

常见的行内元素包括：

• <span>：通用行内容器。
• <a>：定义超链接。
• <strong>：加粗文字以表示重要性。
• <em>：斜体文字以表示强调。

文本元素# 

HTML 提供了多种标记来定义文本的不同语义，帮助开发者更清晰地表达内容。

<p>这是一段普通的文字，其中包含 <strong>加粗</strong> 和 <em>斜体</em> 的部分。</p>
<blockquote>
  这是一个引用块，用于展示长篇引用内容。
</blockquote>
<code>console.log("Hello, World!");</code>
<pre>
  function example() {
    return "预格式化文本";
  }
</pre>

• <strong>：表示重要内容，通常显示为加粗。
• <em>：表示强调的内容，通常显示为斜体。
• <blockquote>：用于展示大段引用内容。
• <code>：表示代码片段。
• <pre>：保留文本中的空格和换行符。

列表与表格# 

列表和表格是组织数据的重要工具，能够提升内容的可读性和逻辑性。

列表# 

HTML 提供了无序列表和有序列表两种主要形式。

• <ul>：定义无序列表，通常以圆点标识。
• <ol>：定义有序列表，通常以数字或字母标识。
• <li>：表示列表中的每一项。

表格# 

表格用于展示结构化数据。

• <table>：定义表格。
• <caption>：为表格添加标题。
• <thead>：定义表格头部。
• <tbody>：定义表格主体。
• <tr>：表示表格中的一行。
• <th>：定义表头单元格。
• <td>：定义普通单元格。

图片与链接# 

图片和链接是网页中最常用的多媒体和导航工具。

图片# 

使用 <img> 标签嵌入图片。

链接# 

使用 <a> 标签创建超链接。

• href：指定链接目标的 URL。
• target：定义链接打开的方式，例如 _blank 表示在新标签页打开。