📜  HTML tr标签(1)

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

HTML的tr标签

HTML中的tr标签(table row)是用于定义表格中的行的标签。在表格中,每一行都是由一个或多个单元格组成的,tr标签负责定义这些单元格的行。

语法
<table>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
</table>
  • <table>:定义整个表格
  • <tr>:定义一行
  • <td>:定义单元格
属性

<tr>标签没有特定的属性,但是可以使用以下属性设置样式:

  • bgcolor:设置背景颜色
  • bordercolor:设置边框颜色
  • align:设置水平对齐方式
  • valign:设置垂直对齐方式
示例
<table border="1">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>24</td>
    <td>男</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>31</td>
    <td>女</td>
  </tr>
</table>

渲染效果如下:

姓名 年龄 性别
张三 24
李四 31
注意事项
  • <td>标签必须在<tr>标签内部使用
  • 如果表格中存在标题行,则应该使用<th>标签而不是<td>标签来定义标题单元格
  • <tr>标签并不是必须的,你可以跳过<tr>标签来定义表格中的单元格,但是这样会造成排版混乱,不便于阅读和维护
总结

tr标签是HTML中用来定义表格中行的标签,使用该标签可以更好的规划表格的布局和样式,同时能使表格内容更好的呈现出来。