tr(テーブル・ロウ)要素は表組みにおける行を表します。

行とは、表組みでいう、横方向の並びのことです。例えば 1つのtr要素内に、見出しセルとなるth要素や、セルとなるtd要素をcolspan属性を伴わずに5つ配置した場合、それは横方向に5つのセルが並んだ表組みの1行となります。

tr要素は、thead要素、tbody要素、tfoot要素の子要素として、もしくは table要素の子要素として使用することができます。ただし、table要素の子要素となる場合は、他にtable要素の子要素となる tbody要素が 1つもないことが条件です。さらに、table要素内で、caption、colgroup、thead要素より後ろに記述しなければなりません。

tr要素説明
カテゴリーなし
コンテンツモデル0個以上の tdまたは th要素、およびスクリプト支援要素
使用できる場所・thead要素の子要素として。
・tbody要素の子要素として。
・tfoot要素の子要素として。
・table要素の子要素として。
ただし、caption、colgroup、thead要素より後ろ、かつtable要素の子要素となる tbody要素が 1つもない場合に限る。

tr要素で使用できる属性

すべてのHTML要素で使用できる属性になります。

使用例

<table>
  <tr>
    <th style="text-align: center;">海側の和室のお部屋</th>
    <th style="text-align: center;">海側のツーインベッドのお部屋</th>
    <th style="text-align: center;">山側のシングルベッドのお部屋</th>
  </tr>
  <tr>
    <td>お一人様:15,800円より</td>
    <td>お一人様:22,800円より</td>
    <td>お一人様:17,800円より</td>
  </tr>
  <tr>
    <td>室内にお風呂付き</td>
    <td>室内に露天風呂付き(眺望が素晴らしい、くつろぎが最高のお部屋になっています。)</td>
    <td>室内にお風呂付き(季節を感じさせてくれるお部屋となっています。)</td>
  </tr>
</table>

表示

海側の和室のお部屋海側のツーインベッドのお部屋山側のシングルベッドのお部屋
お一人様:15,800円よりお一人様:22,800円よりお一人様:17,800円より
室内にお風呂付き室内に露天風呂付き(眺望が素晴らしい、くつろぎが最高のお部屋になっています。)室内にお風呂付き(季節を感じさせてくれるお部屋となっています。)

カテゴリー: