如何在 HTML 中添加表格行？

使用 <tr> 标签添加表格行。在表中指定表格行时使用 HTML <tr> 标签。

此 HTML <tr> 标签还支持以下附加属性 −

属性
值
说明
对齐
右
左
居中
两端对齐
字符
不推荐 − 视觉对齐方式。
背景颜色
rgb(x,x,x)
#十六进制代码
颜色名称
不推荐 − 指定表单元格的背景颜色。
字符
字符
不推荐 − 指定在何处对齐文本。在对齐 = "字符" 时使用。
字符偏移量
像素或 %
不推荐 − 指定对齐偏移量（以像素或百分比值表示），与 char 属性指定的第一字符相对应。在对齐 = "字符" 时使用。
垂直对齐
顶部
中间
底部
基线
不推荐 − 垂直对齐

示例

以下代码演示如何在一个 HTML 表中添加行 −

<!DOCTYPE html>
<html>
   <head>
      <title>HTML tr Tag</title>
   </head>
   <body>
      <table border = "1">
         <tr>
            <th>Cricketers</th>
            <th>Ranking</th>
         </tr>
         <tr>
            <td>Virat Kohli</td>
            <td>1</td>
         </tr>
         <tr>
            <td>AB de Villiers</td>
            <td>2</td>
         </tr>
      </table>
   </body>
</html>

更新时间： 09-Nov-2023

720 浏览量

开启你的 事业

通过完成本课程获得认证

开始
广告