例
単純なHTMLテーブル、2つの列と2つの行を含みます:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
»それを自分で試してみてください 詳細以下の例「自分にそれを試してみてください」。
定義と使用法
<tr>タグは、HTMLテーブルの行を定義します。
<tr>要素には、1つまたは複数の<th>または<td>要素を。
ブラウザのサポート
素子 | |||||
---|---|---|---|---|---|
<tr> | はい | はい | はい | はい | はい |
HTML 4.01とHTML5の違い
すべてのlayout属性は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 複数の行/列にまたがるells
複数の行または1列にまたがるテーブルセルを定義する方法。
関連ページ
HTMLチュートリアル: HTMLテーブル
HTML DOMリファレンス: のTableRowオブジェクト
CSSチュートリアル: スタイリングテーブル
デフォルトのCSS設定
ほとんどのブラウザが表示されます<tr>次のデフォルト値を持つ要素を:
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}