tr元素用于定义HTML表格中的一行,必须嵌套在table标签内,每行可包含多个td或th单元格,th用于表头、td用于数据,通过CSS或JavaScript可控制样式与动态更新,是构建表格结构的基础。

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