tr タグエレメント

　tr タグエレメントは、<table> エレメントの一行を定義する HTML タグエレメントです。
　表における一行を示すのみで中に <td>、 <th> 以外のコンテンツを入れても正しく表示されません。
　tr タグエレメントには、<td>、 <th> のみを入れることができます。

td, th タグエレメント

<table>
	<tr><th>動物名</th><th>特徴</th></tr>
	<tr><td>キリン</td><td>首が長い</td></tr>
	<tr><td>ゾウ</td><td>鼻が長い</td></tr>
	<tr><td>ライオン</td><td>百獣の王</td></tr>
</table>

表示例

動物名	特徴
キリン	首が長い
ゾウ	鼻が長い
ライオン	百獣の王

詳しくはExampleを参照してください。

　列方向にスタイルシートを反映するには、<colgroup>, <col> エレメントを使用します。

　セルの結合に関してはtd, th タグエレメントエレメントの結合を参照してください。

- ad -

属性

グローバル属性も持ちます。以下に主な属性のみを示します。

Attribute	Value	Extra information
id		cssにも使えます。エレメントをユニークとします。
class		cssに使います。同名のclassは同じスタイルが適応されます。

上記の属性のvalueから tr タグエレメントを作成します。

Example

　テキストによる表データを <table> エレメントによる表に変換します。

　以下の「データテキスト」欄にテキストによる行列データを編集して「変換」ボタンをクリックしてください。「HTMLテキスト例」にテキストデータに基づいたHTMLテキストの例が表示されます。
　一行ごとが行データになります。さらに個々のデータは「データの区切り文字」によって分けます。「データの区切り文字」の初期値は半角カンマ,です。

データテキスト

データの区切り文字（初期値：半角カンマ,）
最上段が項目名なしあり
エレメントの属性は各エレメントの説明を参照してください。<table>エレメントの属性

HTMLテキスト例

ブラウザでの見え方（このページのスタイルが反映されています）

- ad -

JavaScript

　<tr> エレメントの定義については HTMLTableRowElement を参照してください。

tr タグエレメント

属性

Example

HTMLテキスト例

JavaScript

関連（Related）