W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML <tr> 标签


Example

一个简单的 HTML 表格,包含两列两行:

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
尝试一下 »

定义及用法

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

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


浏览器支持

元素
<tr> Yes Yes Yes Yes Yes

HTML 4.01 与 HTML5之间的差异

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


属性

属性 描述
align right
left
center
justify
char
HTML5 不支持。
定义表格行的内容对齐方式
bgcolor rgb(x,x,x)
#xxxxxx
colorname
HTML5 不支持。
规定表格行的背景颜色
char character HTML5 不支持。
规定根据哪个字符来进行文本对齐
charoff number HTML5 不支持。
规定第一个对齐字符的偏移量
valign top
middle
bottom
baseline
HTML5 不支持。
规定表格行中内容的垂直对齐方式

全局属性

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


事件属性

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


Examples

尝试一下 - 更多实例

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

带有标题的表格
本例演示一个带标题(caption)的表格。

表格内的标签
本例演示如何在其他的元素内显示元素。

跨行或跨列的表格单元格
本例演示如何定义跨行或跨列的表格单元格。


相关文章

HTML 教程:HTML 表格

HTML DOM 参考教程:TableRow 对象

CSS 教程:Styling 表格


默认CSS设置

大多数浏览器都以以下默认值的形式显示 <tr> 元素:

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}