📜  HTML tr 标签(1)

📅  最后修改于: 2023-12-03 15:15:34.589000             🧑  作者: Mango

HTML tr 标签

在 HTML 中,<tr> 标签用于定义 HTML 表格中的一行。

<tr> 元素必须嵌套在 <table> 元素中,并且作为其子元素。<tr> 元素可以包含一到多个 <th><td> 元素,分别用于定义表头单元格或数据单元格。

语法

以下是 <tr> 元素的基本语法:

<table>
  <tr>
    <th>表头单元格1</th>
    <th>表头单元格2</th>
  </tr>
  <tr>
    <td>数据单元格1</td>
    <td>数据单元格2</td>
  </tr>
</table>

<tr> 元素必须嵌套在 <table> 元素中,作为其子元素。每个 <tr> 元素定义了表格中的一行。

在每个 <tr> 元素中,可以使用 <th><td> 元素来定义单元格。<th> 元素用于定义表头单元格,而 <td> 元素用于定义数据单元格。

示例

以下示例演示了如何使用 <tr> 元素创建一个简单的 HTML 表格:

<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr>
    <td>John</td>
    <td>25</td>
    <td>男</td>
  </tr>
  <tr>
    <td>Jane</td>
    <td>30</td>
    <td>女</td>
  </tr>
</table>

在上面的示例中,我们创建了一个包含两行三列的表格。第一行定义了表头,包含 "姓名"、"年龄" 和 "性别" 三个表头单元格。接下来的两行定义了表格的数据行,包含了两个人的姓名、年龄和性别信息。

属性

<tr> 元素支持以下属性:

  • align:设置或返回单元格的水平对齐方式。可用的值有 "left"、"center" 和 "right"。
  • valign:设置或返回单元格的垂直对齐方式。可用的值有 "top"、"middle" 和 "bottom"。
注意事项
  • <tr> 元素必须作为 <table> 元素的直接子元素。不能将 <tr> 直接嵌套在其他元素内。
  • <tr> 元素只能包含 <th><td> 元素,并且子元素的数量必须与表头行相匹配。

详细的 HTML 表格及其相关元素的使用方法可以在 HTML 表格教程 中找到。

希望这些信息能对你理解和使用 HTML <tr> 标签有所帮助!