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

本文深入讲解了HTML中创建表格行的核心标签``，从基本语法、嵌套结构（配合``和``）到属性演进，清晰对比了HTML4中已废弃的`align`、`valign`、`bgcolor`等内联属性与HTML5推荐的CSS替代方案，强调语义化标记与样式分离的重要性，并通过简洁示例展示了现代开发中如何用`class`或`style`高效控制行样式，帮助开发者构建结构清晰、可访问且符合标准的响应式表格。

在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类：

  高亮行
  示例数据

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

理论要掌握，实操不能落！以上关于《HTML中使用tr标签创建表格行详解》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！