HTML的tr标签


HTML tr标签

HTML tr标签用于定义一个HTML表格的行。在HTML表格中,每一个水平方向的行被称为列,每一个垂直方向的列被称为行。

语法

HTML tr标签的语法如下:

<tr>
   <!-- 行中包含的单元格 -->
</tr>

属性

HTML tr标签有以下常用属性:

  • align:用于设置行内容的水平对齐方式,可选值有left、right和center。
  • bgcolor:用于设置行的背景颜色,可设置颜色名、十六进制数或RGB值。
  • valign:用于设置行内容的垂直对齐方式,可选值有top、middle和bottom。

常用属性

  • colspan:用于指定单元格跨越的列数。
  • rowspan:用于指定单元格跨越的行数。

例如:

<table>
   <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
   </tr>
   <tr>
      <td>张三</td>
      <td>25</td>
      <td rowspan="2">男</td>
   </tr>
   <tr>
      <td>李四</td>
      <td>28</td>
   </tr>
</table>

以上示例代码将会渲染出一个包含三列和两行的表格,第一行为表头,第二行包含了三个单元格,其中包含了一个跨越两行的单元格。这个单元格中的文本将会在垂直方向占据两个单元格的高度。

总结

HTML tr标签是HTML表格中的重要标签之一,用于定义表格中的行。通过设置属性,我们可以控制行的显示样式、行内单元格的合并等。在使用HTML表格时,我们应该注意到表格的层次结构,保证表格结构的合理性和可读性。