th td要素 表の項目、表の内容 (table header cell, table data cell)

 
テーブル
ホーム > HTML Note > th td要素
H3- ie2- N1-

説明

<th | td>-</th | td> 開始タグ:必須 終了タグ:省略可
th、tdは、それぞれテーブルヘッダセル、テーブルデータセルの略です。これらの要素はテーブルのひとつひとつのセルをあらわします。th要素の内容は、太字、中央揃えで表示されます。

th、td要素は共に終了タグを省略することができますが、タグを省略した記述にスタイルシートを組み合わせると、古いブラウザの中には問題の発生するものがあるようです。
 

属性 (W3C)

<th | tdH3- ie2- N1-
一般属性 id class style title lang dir %events;
abbr="文章" H4-
ヘッダセルの略記  詳細
axis="文章のリスト" H4-
ヘッダセルの分類名
[,]で区切る。  詳細
headers="参照IDのリスト" H4-
参照ヘッダセルのIDリスト
[ ]で区切る。  詳細
scope="範囲" H4-
ヘッダセルの範囲  詳細
(row|col|rowgroup|colgroup)
rowspan="数字" H3- ie2- N1-
セルの上下連結数
整数値で指定。初期値[1]。
colspan="数字" H3- ie2- N1-
セルの左右連結数
整数値で指定。初期値[1]。
align="位置" H3- ie2- N1-
内容の水平表示位置  詳細
left左に表示 (初期値)
center中央に表示
right右に表示
justify両端揃え (複数行テキスト)
char指定文字で揃える
char="文字" H4-
位置揃えする文字
charoff="長さ" H4-
セル左端から文字までの距離
N(px)、S%で指定。
valign="位置" H3- ie2- N1-
内容の垂直表示位置  詳細
top上に表示
middle中央に表示 (初期値)
bottom下に表示
baseline1行目のベースライン揃える
nowrap (非推奨) H3-x1 ie2- N1-
自動改行の禁止
bgcolor="" (非推奨) H4-x1 e2- N3-
背景色
width="長さ" (非推奨) H3-x1 e2- N1-
セル幅
N(px)、S%で指定。
height=長さ" (非推奨) H3-x1 e2- N1-
セル高
N(px)、S%で指定。
>(%block;|%inline;)*</th | td>

ブラウザ独自の属性 (ie N)

background="URI" ie3- N4-
背景画像
bordercolor="色" ie2-
枠線の色
bordercolordark="色" ie2-
枠線の暗い部分の色
bordercolorlight="色" ie2-
枠線の明るい部分の色
valign="位置" ie2- N2-
内容の垂直表示位置
(center)

基本形

ヘッダヘッダヘッダ
データデータデータ
データデータデータ
<table border="1">
<tbody>
<tr><th>ヘッダ</th><th>ヘッダ</th><th>ヘッダ</th></tr>
<tr><td>データ</td><td>データ</td><td>データ</td></tr>
<tr><td>データ</td><td>データ</td><td>データ</td></tr>
</tbody>
</table>
<table border="1">
<tr><th>ヘッダ<th>ヘッダ<th>ヘッダ
<tr><td>データ<td>データ<td>データ
<tr><td>データ<td>データ<td>データ
</table>
 
関連要素: table > caption | colgroup|col | thead|tfoot|tbody> tr > th|td
トップページ HTML Note ページトップ
 2003/07/11発行 2008/01/01更新