使用标签定义表格行,嵌套在中,配合和创建表头与数据单元格,HTML5推荐用CSS替代废弃的align、valign、bgcolor属性,通过style或class实现样式控制。

在HTML中创建表格行,使用 tr 标签(table row),它是构成表格结构的重要组成部分。每一行内容都应放在 标签内,通常嵌套在 标签中,并配合 (单元格)或
tr标签的基本用法
用于定义表格中的一行。一个表格可以包含多行,每行由一个 表示。
基本结构如下:
张三
25
这段代码会生成一个两行的表格,第一行为表头,第二行为数据行。
立即学习“前端免费学习笔记(深入)”;
tr标签的常用属性(HTML4及以前)
在HTML4中, 支持一些表现性属性,但在HTML5中已被废弃,推荐使用CSS替代。align:设置行内单元格内容的水平对齐方式,可选值有 left、center、right valign:设置行内单元格内容的垂直对齐方式,可选值有 top、middle、bottom、baseline bgcolor:设置该行的背景颜色
示例(不推荐在现代开发中使用):
数据1
数据2
现代写法:使用CSS样式
HTML5 不再支持 tr 的上述属性,建议通过 class 或 style 使用CSS控制样式。
例如:
李四
30
或者定义CSS类:
.highlight {
background-color: yellow;
text-align: center;
}
高亮行
示例数据
基本上就这些。tr标签本身不复杂,但它是组织表格内容的基础。搭配语义正确的 th、td 和合理的CSS样式,能构建出清晰、可访问的表格结构。
以上就是HTML怎么创建表格行_HTMLtr标签在表格结构中的使用和属性说明的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1582480.html
微信扫一扫
支付宝扫一扫