2 行 2 列の簡単なテーブル:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Try it Yourself ❯
他の "Try it Yourself" の例が下にあります。
<tr> タグは、HTML テーブルに行を定義します。
<tr> 要素には、1 つ以上の <th> か <td> 要素が含まれます。
要素 | |||||
---|---|---|---|---|---|
<tr> | Yes | Yes | Yes | Yes | Yes |
すべてのレイアウト属性は、HTML5 から削除されました。
属性 | 値 | 説明 |
---|---|---|
align | right left center justify char |
HTML5 ではサポート対象外。 テーブル行内のコンテンツを配置する |
bgcolor | rgb(x,x,x) #xxxxxx colorname |
HTML5 ではサポート対象外。 テーブル行の背景色を指定する |
char | character | HTML5 ではサポート対象外。 或る文字にテーブル行内のコンテンツを揃える |
charoff | number | HTML5 ではサポート対象外。 char 属性で指定した揃え文字から列のデータをオフセットする文字数を設定する |
valign | top middle bottom baseline |
HTML5 ではサポート対象外。 テーブル行内のコンテンツの縦方向の配置 |
<tr> タグは、HTML のグローバル属性もサポートします。
<tr> タグは、HTML のイベント属性もサポートします。
テーブルヘッダ
テーブルヘッダの作成方法。
表題付きテーブル
表題付きの HTML テーブル。
テーブル内のタグ
他の要素内に要素を表示する方法。
C複数の行/列にまたがるセル
複数の行または列にまたがるテーブル・セルの定義方法。
HTML チュートリアル:HTML Tables
HTML DOM リファレンス:TableRow オブジェクト
CSS チュートリアル:Styling Tables
ほとんどのブラウザは、次のデフォルト値を使用して <tr> 要素を表示しています:
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}