tr元素用于定义HTML表格中的一行，必须嵌套在table标签内，每行可包含多个td或th单元格，th用于表头、td用于数据，通过CSS或JavaScript可控制样式与动态更新，是构建表格结构的基础。
HTML表格中的tr元素用于定义表格中的一行。它是“table row”的缩写，必须嵌套在<table>标签内使用，是构建表格结构的基本组成部分之一。
tr元素的基本作用
tr的作用是将数据组织成行，每一行可以包含多个单元格（由<td>或<th>定义）。没有<tr>，表格就无法正确显示结构。
- 每一个<tr>代表表格中的一行
- 必须放在<table>内部
- 可以包含<td>（普通单元格）或<th>（表头单元格）
tr与td、th的关系
一个<tr>通常包含多个<td>或<th>，它们分别表示该行中的单元格。
- <th>一般用于第一行，表示表头，文字默认加粗居中
- <td>用于普通数据单元格
- 每一对<tr></tr>之间至少要有一个<td>或<th>
示例：
立即学习“前端免费学习笔记（深入）”；
<table border="1"><tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
</tr>
</table>
tr的常用属性与样式控制
虽然HTML5不推荐直接在<tr>上使用过多样式属性，但仍支持一些基础属性和CSS控制方式。
- 可以通过class或style为某一行设置背景色：
<tr style="background-color: #f0f0f0;"> - 利用CSS选择器对奇偶行设置不同颜色，提升可读性
- 可通过JavaScript动态添加或删除<tr>实现表格内容更新
基本上就这些。理解<tr>的作用，是掌握HTML表格布局的关键一步。它本身不显示内容，但为单元格提供了容器结构，让表格数据整齐有序。
