表格主体元素 - HTML

HTML表格元素是构成数据表格的一些基本元素。表格中最常见的标签包括<table>、<tr>、<th>、<td>和<caption>。下面将逐个介绍这些标签及其属性。

<table>

<table>标签用于定义一个表格。它拥有以下常用属性：

• border：表格边框的宽度（像素），默认值为0；
• cellpadding：单元格与其边框之间的距离（像素），默认值为1；
• cellspacing：单元格之间的距离（像素），默认值为2；
• width：表格的宽度（像素或百分比）；
• height：表格的高度（像素或百分比）。

示例代码片段：

<table border="1" cellpadding="5" cellspacing="0" width="100%">
  ...
</table>

<tr>

<tr>标签用于定义表格中的行。它没有属性。

示例代码片段：

<tr>
  <td>单元格内容</td>
  <td>单元格内容</td>
  ...
</tr>

<th>

<th>标签用于定义表头单元格。它拥有以下常用属性：

• rowspan：指定单元格跨越的行数；
• colspan：指定单元格跨越的列数。

示例代码片段：

<tr>
  <th rowspan="2">表头单元格内容</th>
  <th>表头单元格内容</th>
  ...
</tr>
<tr>
  <td>单元格内容</td>
  ...
</tr>

<td>

<td>标签用于定义数据单元格。它拥有以下常用属性：

• rowspan：指定单元格跨越的行数；
• colspan：指定单元格跨越的列数。

示例代码片段：

<tr>
  <td rowspan="2">单元格内容</td>
  <td>单元格内容</td>
  ...
</tr>
<tr>
  <td>单元格内容</td>
  ...
</tr>

<caption>

<caption>标签用于定义表格标题。它没有属性。

示例代码片段：

<table>
  <caption>表格标题</caption>
  ...
</table>

以上就是HTML表格中常用的元素及其属性。通过这些标签和属性的灵活运用，可以构建出各种形式的数据表格。