HTML <tr> 標籤
示例
一個包含三行的簡單 HTML 表格；一行標題行和兩行資料行
<table>
<tr>
<th>月份</th>
<th>儲蓄</th>
</tr>
<tr>
<td>一月</td>
<td>$100</td>
</tr>
<tr>
<td>二月</td>
<td>$80</td>
</tr>
</table>
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
<tr> 標籤定義 HTML 表格中的一行。
<tr> 元素包含一個或多個 <th> 或 <td> 元素。
瀏覽器支援
| 元素 | |||||
|---|---|---|---|---|---|
| <tr> | 是 | 是 | 是 | 是 | 是 |
全域性屬性
<tr> 標籤也支援 HTML 中的全域性屬性。
事件屬性
<tr> 標籤也支援 HTML 中的事件屬性。
更多示例
示例
如何對 <tr> 中的內容進行對齊（使用 CSS）
<table style="width:100%">
<tr>
<th>月份</th>
<th>儲蓄</th>
</tr>
<tr style="text-align:right">
<td>一月</td>
<td>$100</td>
</tr>
</table>
自己動手試一試 »
示例
如何為表格行新增背景顏色（使用 CSS）
<table>
<tr style="background-color:#FF0000">
<th>月份</th>
<th>儲蓄</th>
</tr>
<tr>
<td>一月</td>
<td>$100</td>
</tr>
</table>
自己動手試一試 »
示例
如何對 <tr> 中的內容進行垂直對齊（使用 CSS）
<table style="height:200px">
<tr style="vertical-align:top">
<th>月份</th>
<th>儲蓄</th>
</tr>
<tr style="vertical-align:bottom">
<td>一月</td>
<td>$100</td>
</tr>
</table>
自己動手試一試 »
示例
如何建立表頭
<table>
<tr>
<th>姓名</th>
<th>電子郵件</th>
<th>電話</th>
</tr>
<tr>
<td>John Doe</td>
<td>john.doe@example.com</td>
<td>123-45-678</td>
</tr>
</table>
自己動手試一試 »
示例
如何建立帶標題的表格
<table>
<caption>每月儲蓄</caption>
<tr>
<th>月份</th>
<th>儲蓄</th>
</tr>
<tr>
<td>一月</td>
<td>$100</td>
</tr>
<tr>
<td>二月</td>
<td>$80</td>
</tr>
</table>
自己動手試一試 »
示例
如何定義跨越多行或多列的表格單元格
<table>
<tr>
<th>姓名</th>
<th>電子郵件</th>
<th colspan="2">電話</th>
</tr>
<tr>
<td>John Doe</td>
<td>john.doe@example.com</td>
<td>123-45-678</td>
<td>212-00-546</td>
</tr>
</table>
自己動手試一試 »
相關頁面
HTML 教程：HTML 表格
HTML DOM 參考：TableRow 物件
CSS 教程：表格樣式
預設 CSS 設定
大多數瀏覽器會使用以下預設值顯示 <tr> 元素
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
