HTML 标签

简介

在 HTML 中，<td> 标签用来定义表格中的单元格。该标签必须嵌套在 <tr> 标签中，而 <tr> 标签又必须嵌套在 <table> 标签中。

一个 <td> 元素代表了表格中的一个单元格，单元格中可以包含文本、图像或其他 HTML 元素。

语法

<table>
  <tr>
    <td>单元格 1</td>
    <td>单元格 2</td>
  </tr>
  <tr>
    <td>单元格 3</td>
    <td>单元格 4</td>
  </tr>
</table>

在上面的示例中，我们定义了一个包含两行两列的表格，每个单元格中填充了文字内容。注意，我们使用 <table> 标签来定义表格，使用 <tr> 标签来定义表格的行，而使用 <td> 标签来定义表格中的单元格。

属性

<td> 标签支持以下常用属性：

• align：规定单元格中的内容的水平对齐方式，可取值为 left、right、center 或 justify。
• bgcolor：规定单元格的背景色。
• colspan：规定单元格要合并的列数。
• rowspan：规定单元格要合并的行数。
• valign：规定单元格中的内容的垂直对齐方式，可取值为 top、middle 或 bottom。

示例

示例 1

<table border="1">
  <tr>
    <td>First name</td>
    <td>Last name</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
  </tr>
  <tr>
    <td>Jane</td>
    <td>Doe</td>
  </tr>
</table>

在这个示例中，我们定义了一个包含三行两列的表格，其中第一行是表头，包含了两个单元格，其余行分别包含了两个单元格。表格的每个单元格中填充了一些常见的示例内容。

示例 2

<table border="1">
  <tr>
    <td rowspan="2">1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
  </tr>
  <tr>
    <td colspan="3">6</td>
  </tr>
</table>

在这个示例中，我们定义了一个包含三行三列的表格，其中第一列的单元格需要合并两行，第三行的单元格需要合并三列。

总结

<td> 标签是 HTML 表格中一个重要的标签，用来定义表格中的单元格并填充单元格中的内容。通过配合其他的表格标签如 <tr> 和 <table>，可以轻松地创建复杂的表格布局。同时，<td> 标签也支持一些常用属性，可以进一步控制单元格中的内容和样式。