HTML 表格

HTML 表格是用来展示数据的一种非常常见的元素。通过使用表格,我们可以将数据以表格的形式呈现出来,使其更易于阅读和理解。

创建表格

要创建一个简单的 HTML 表格,我们可以使用 <table> 元素。表格由行(<tr>)和列(<td>)组成。每个<tr>元素代表一行,而每个<td>元素代表一列。

-- -------------------- ---- -------
-------
  ----
    ------------
    ------------
  -----
  ----
    ------------
    ------------
  -----
--------

在上面的示例中,我们创建了一个简单的表格,其中包含两行和两列。第一行是表头,包含标题"第一列"和"第二列",第二行是数据行,包含"数据1"和"数据2"。

表格头部和标题

表格通常会包含表格头部和标题,以便更好地组织和描述表格的内容。我们可以使用<thead>元素定义表格头部,<th>元素定义表格标题。

-- -------------------- ---- -------
-------
  -------
    ----
      -----------
      -----------
    -----
  --------
  -------
    ----
      -----------
      -----------
    -----
    ----
      -----------
      -----------
    -----
  --------
--------

在上面的示例中,我们使用了<thead>元素定义了表格头部,包含了"姓名"和"年龄"两个标题。<tbody>元素用于定义表格的主体部分,包含了具体的数据行。

合并单元格

有时候我们可能需要合并表格中的单元格,以便更好地展示数据。我们可以使用rowspancolspan属性来实现单元格的合并。

-- -------------------- ---- -------
-------
  ----
    -----------
    --- ---------------------
  -----
  ----
    -----------
    ------------------
    --------------------------------
  -----
--------

在上面的示例中,我们将"联系信息"单元格合并为两列,使其占据了两个单元格的位置。

以上就是关于 HTML 表格的基本介绍,希望能帮助你更好地理解和使用 HTML 表格元素。

上一篇: HTML 图像
下一篇: HTML 列表
纠错
反馈