HTML <tr>タグ


例

2列2行を含むシンプルなHTMLテーブル：

<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>

試してみる »
（その他の例はページ下部を参照）

ブラウザサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

すべての主要ブラウザは <tr> タグをサポートしています。

タグの定義と使用説明

<tr> タグはHTMLテーブル内の行を定義します。

1つの <tr> 要素には1つ以上の<th> 或 <td>要素が含まれます。

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 ではサポートされません。HTML 4.01 では非推奨です。テーブル行の背景色を指定します。
char character HTML5 ではサポートされません。テキストを整列させる基準となる文字を指定します。
charoff number HTML5 ではサポートされません。最初の整列文字のオフセットを指定します。
valign top
middle
bottom
baseline		 HTML5 ではサポートされません。テーブル行内のコンテンツの垂直方向の配置を指定します。

グローバル属性

<tr> タグはサポート：HTML のグローバル属性。

イベント属性

<tr> タグはサポート：HTML のイベント属性。

Examples

試してみる - 例


この例では、テーブルの見出しを表示する方法を示します。


この例では、"&nbsp;" を使用して内容のないセルを処理する方法を示します。


この例では、キャプション付きのテーブルを示します。


この例では、他の要素内に要素を表示する方法を示します。


この例では、行または列にまたがるテーブルセルを定義する方法を示します。

関連記事

HTML チュートリアル：HTML テーブル

HTML DOM リファレンス：Tr オブジェクト

その他の拡張