td, th タグエレメント
フローコンテンツ
td, th タグエレメントは、<table> エレメントにおける表においてデータや項目名が入るセルの役割をする HTML タグエレメントです。
これらのタグはフローコンテンツの特徴をもち、横に並んで表示されます。
<tr> の子エレメントとして使用します。
<td>、<th>、<tr> と table エレメントが表を作成する基本なエレメントになります。
td がデータの入るセル、th がヘッダーやフッターの項目名が入るセルの役割をします。<tr> は行を作成します。
複数の <td>、<th> エレメントは結合することができます。以下のエレメントの結合
を参照してください。
列ごとにスタイルシートを反映するには colgroup, col タグエレメントを使用します。
- ad -
エレメントの結合
複数の <td>、<th> エレメントは行方向や列方向に結合することができます。
行方向に結合するには colspan 属性に結合数を指定します。列方向に結合するには rowspan 属性を用いいます。
- colspan= 水平方向の結合
- rowspan= 垂直方向の結合
ヘッダーは行方向に結合しています | |
---|---|
このエレメントは列方向に結合しています | データ1 |
データ2 | |
結合なし | データ3 |
結合されるエレメントは定義しないようにします。
- ad -
JavaScript
<td>, <th> の定義に関しては HTMLTableCellElement を参照してください。