HTML-表格

HTML（超文本标记语言）是一种用于创建网页的标记语言。在HTML中，表格是一种常用的元素，用于展示和组织数据。

表格的结构

HTML表格由一系列的表格行（<tr>）组成，每个表格行包含一系列的表格数据单元（<td>）或表头单元（<th>）。

以下是一个简单的HTML表格的示例：

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>城市</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John</td>
      <td>25</td>
      <td>New York</td>
    </tr>
    <tr>
      <td>Jane</td>
      <td>30</td>
      <td>London</td>
    </tr>
  </tbody>
</table>

表头和表体

HTML表格通常具有两个主要部分：表头和表体。表头用于定义表格的列标题，而表体用于表示实际的数据。

在上面的示例中，<thead>元素定义了表头，并包含了一个表格行。每个表格行由<tr>元素表示，在其中使用<th>元素定义表格的列标题。

<tbody>元素用于定义表格的主体部分。每个数据行都由<tr>元素表示，在其中使用<td>元素定义表格数据单元。

表格样式和属性

HTML表格可以通过CSS进行样式化，通过为元素添加类名或ID来选择和修改表格的样式。

<table class="table-style">
  <!-- 表格内容 -->
</table>

HTML表格还支持一些属性，可以用于定义表格的外观和行为。

• border: 定义表格的边框大小
• cellpadding: 定义单元格内边距的大小
• cellspacing: 定义单元格之间的间距大小

<table border="1" cellpadding="5" cellspacing="0">
  <!-- 表格内容 -->
</table>

表格合并单元格

HTML表格还支持合并单元格的操作，通过使用rowspan和colspan属性可以实现单元格的跨行和跨列合并。

<table>
  <tr>
    <td rowspan="2">跨行合并</td>
    <td>单元格</td>
  </tr>
  <tr>
    <td>单元格</td>
  </tr>
  <tr>
    <td colspan="2">跨列合并</td>
  </tr>
</table>

以上是HTML表格的基本介绍和用法，通过HTML表格，你可以轻松地展示和组织数据。根据实际需求，你可以使用一些CSS和属性来自定义表格的样式和行为。

详细的HTML表格文档可以在 MDN web docs 上找到。