HTML td标签介绍

HTML中的td标签用于定义表格中的单元格(cell)。每个单元格可以包含文本,图像,列表,表格以及其他HTML元素。

语法

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

上述代码显示了一个包含两行三列单元格的表格。可以使用<td>标签来定义每个单元格的内容。需要在<tr>标签中添加每一行的单元格。在此示例中，第一行有3个单元格，第二行有3个单元格。

属性

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

• align: 定义单元格内容的水平对齐方式。
• valign: 定义单元格内容的垂直对齐方式。
• colspan: 定义单元格横跨的列数。
• rowspan: 定义单元格横跨的行数。

示例

以下示例演示了如何使用<td>标签创建一个简单的表格：

<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>城市</th>
  </tr>
  <tr>
    <td>李雷</td>
    <td>26</td>
    <td>北京</td>
  </tr>
  <tr>
    <td>韩梅梅</td>
    <td>25</td>
    <td>上海</td>
  </tr>
</table>

此代码将创建一个包含三列的表格，第一行是表头，剩余的两行是数据行。

总结

<td>标签是HTML中一个非常重要的标签，在表格中的应用非常广泛。理解<td>标签的语法和属性，将有助于您创建可读性更好、排版更美观的表格。