HTML: <tr> 标签

由网友 大卫 发布 阅读 7

HTML: <tr> 标签

HTML <tr>标签定义HTML表中的一行。每个 <tr>标签可以包含一个或多个 <th>标签,这些标签定义表中的标题单元格,或者一个或多个 <td>标签,定义表中的标准单元格。该标签通常也称为 <tr>元素。

在线示例

HTML 表格,包含tr的简单表格:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML tr标签的使用(大卫编程网 div.cn)</title>
</head>
<body>
<table border="1">
  <tr>
    <th>Column 1 Heading</th>
    <th>Column 2 Heading</th>
  </tr>
  <tr>
    <td>Data in Column 1, Row 2</td>
    <td>Data in Column 2, Row 2</td>
  </tr>
  <tr>
    <td>Data in Column 1, Row 3</td>
    <td>Data in Column 2, Row 3</td>
  </tr>
</table>
</body>
</html>
测试看看 ‹/›

在此HTML5文档示例中,我们使用<table>标记创建了一个表,该表具有2列和3行。表的第1行是使用第一个<tr>标记定义的。它具有2个使用<th>标记定义的表标题单元格。该表的第2行和第3行使用<td>标记定义标准表单元格。

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 <tr> 标签。

标签定义及使用说明

<tr> 标签定义 HTML 表格中的行。

一个 <tr> 元素包含一个或多个 <th><td> 元素。

HTML 4.01 与 HTML5之间的差异

在 HTML 5 中,不支持 <tr> 标签在 HTML 4.01 中的任何属性。

属性

属性描述
alignright
 left
 center
 justify
 char
HTML5 不支持。定义表格行的内容对齐方式。
bgcolorrgb(x,x,x)
#xxxxxx
colorname
HTML5 不支持。HTML 4.01 已废弃。 指定表格行的背景颜色。
charcharacterHTML5 不支持。指定根据哪个字符来进行文本对齐。
charoffnumberHTML5 不支持。指定第一个对齐字符的偏移量。
valigntop
 middle
 bottom
 baseline
HTML5 不支持。指定表格行中内容的垂直对齐方式。

全局属性

<tr> 标签支持 HTML 的全局属性

事件属性

<tr> 标签支持 HTML 的事件属性

尝试一下 - 示例

表格中的标题
本示例演示如何显示表格标题。

空单元格
本示例演示如何使用 "&nbsp;" 处理没有内容的单元格。

相关文章

HTML 教程:HTML 表格

HTML DOM 参考手册: Tr 对象

HTML: <track> 标签 HTML: <title> 标签