HTML中使用tr标签创建表格行详解

本文深入讲解了HTML中tr标签的核心作用与正确用法，阐明其作为表格行容器的基础地位，强调必须嵌套在table内并配合th或td使用；同时明确指出HTML5已废弃align、valign、bgcolor等旧式属性，转而推荐通过CSS的class或style实现精准、语义化且可维护的样式控制，帮助开发者构建结构清晰、可访问性强的现代表格。

在HTML中创建表格行，使用 tr 标签（table row），它是构成表格结构的重要组成部分。每一行内容都应放在 标签内，通常嵌套在

基本结构如下：

这段代码会生成一个两行的表格，第一行为表头，第二行为数据行。

tr标签的常用属性（HTML4及以前）

在HTML4中， 支持一些表现性属性，但在HTML5中已被废弃，推荐使用CSS替代。

• align：设置行内单元格内容的水平对齐方式，可选值有 left、center、right
• valign：设置行内单元格内容的垂直对齐方式，可选值有 top、middle、bottom、baseline
• bgcolor：设置该行的背景颜色

示例（不推荐在现代开发中使用）：

现代写法：使用CSS样式

HTML5 不再支持 tr 的上述属性，建议通过 class 或 style 使用CSS控制样式。

例如：

或者定义CSS类：

基本上就这些。tr标签本身不复杂，但它是组织表格内容的基础。搭配语义正确的 th、td 和合理的CSS样式，能构建出清晰、可访问的表格结构。

好了，本文到此结束，带大家了解了《HTML中使用tr标签创建表格行详解》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！