Table: TH & TD

記述形式

[ NN2,3,4,6,7 | IE2,3,4,5,6 ]

[ NN2,3,4,6,7 | IE2,3,4,5,6 ]

使用方法

使用例

<TABLE BORDER> <TR><TH>偉大な科学者</TH></TR> <TR><TD>アインシュタイン</TD></TR> <TR><TD>ガリレオ</TD></TR> <TR><TD>ニュートン</TD></TR> <TR><TD>ダ・ビンチ</TD></TR> </TABLE>

偉大な科学者
アインシュタイン
ガリレオ
ニュートン
ダ・ビンチ

option attribute

※ 灰色で示したアトリビュートは HTML4.0 では定義されていないブラウザ固有のアトリビュートです。

セルの幅を指定する（廃止予定）
<TH WIDTH="pixel | %"> [ NN2,3,4,6,7 | IE2,3,4,5,6 ]
<TD WIDTH="pixel | %"> [ NN2,3,4,6,7 | IE2,3,4,5,6 ]
セルの高さを指定する（廃止予定）
<TH HEIGHT="pixel | %"> [ NN2,3,4,6,7 | IE2,3,4,5,6 ]
<TD HEIGHT="pixel | %"> [ NN2,3,4,6,7 | IE2,3,4,5,6 ]
セル中のテキスト位置を指定＜水平方向＞
<TH ALIGN="left | right | center | justify | char"> [ NN2,3,4,6,7 | IE2,3,4,5,6 ]
<TD ALIGN="left | right | center | justify | char"> [ NN2,3,4,6,7 | IE2,3,4,5,6 ]
NN , IE ともに justify , char を認識しません。
セル中のテキスト位置を指定＜垂直方向＞
<TH VALIGN="top | bottom | middle | baseline"> [ NN2,3,4,6,7 | IE2,3,4,5,6 ]
<TD VALIGN="top | bottom | middle | baseline"> [ NN2,3,4,6,7 | IE2,3,4,5,6 ]
特定の記号にテキストを揃える
<TH CHAR="symbol"> [ nothing ]
<TD CHAR="symbol"> [ nothing ]
このアトリビュートを使う場合は ALIGN="char" や LANG アトリビュートを同時指定します。
CHAR 指定に対してオフセットする
<TH CHAROFF="pixel | %"> [ nothing ]
<TD CHAROFF="pixel | %"> [ nothing ]
セルの背景色を指定する（廃止予定）
<TH BGCOLOR="color"> [ NN3,4,6,7 | IE2,3,4,5,6 ]
<TD BGCOLOR="color"> [ NN3,4,6,7 | IE2,3,4,5,6 ]
セルの背景画像を指定する
<TH BACKGROUND="image file URL"> [ NN4,6,7 | IE3,4,5,6 ]
<TD BACKGROUND="image file URL"> [ NN4,6,7 | IE3,4,5,6 ]
枠線（行）の色を指定する
<TH BORDERCOLOR="color"> [ IE2,3,4,5,6 ]
<TD BORDERCOLOR="color"> [ IE2,3,4,5,6 ]
枠線（行）の明るい部分の色を指定する
<TH BORDERCOLORLIGHT="color"> [ IE2,3,4,5,6 ]
<TD BORDERCOLORLIGHT="color"> [ IE2,3,4,5,6 ]
枠線（行）の暗い部分の色を指定する
<TH BORDERCOLORDARK="color"> [ IE2,3,4,5,6 ]
<TH BORDERCOLORDARK="color"> [ IE2,3,4,5,6 ]
複数の列にまたがるセルを指定する
<TH COLSPAN="num"> [ NN2,3,4,6,7 | IE2,3,4,5,6 ]
<TD COLSPAN="num"> [ NN2,3,4,6,7 | IE2,3,4,5,6 ]
sample：
複数の行にまたがるセルを指定する
<TH ROWSPAN="num"> [ NN2,3,4,6,7 | IE2,3,4,5,6 ]
<TD ROWSPAN="num"> [ NN2,3,4,6,7 | IE2,3,4,5,6 ]

sample：
略語を使用する（繰り返し使用時に有効）
<TH ABBR="comment"> [ nothing ]
<TD ABBR="comment"> [ nothing ]
sample：
カテゴリーを設定する
<TH AXIS="name"> [ nothing ]
<TD AXIS="name"> [ nothing ]
sample：
ヘッダーとデータとの関連性を指定する
<TH ID="name">
<TD HEADERS="name"> [ nothing ]
上記2つをセットで使用します。
他のセルに対してのヘッダーであることを定義する
<TH SCOPE="col | row | colgroup | rowgroup"> [ nothing ]
<TD SCOPE="col | row | colgroup | rowgroup"> [ nothing ]
自動改行を行わない（廃止予定）
<TH NOWRAP> [ NN2,3,4,6,7 | IE2,3,4,5,6 ]
<TD NOWRAP> [ NN2,3,4,6,7 | IE2,3,4,5,6 ]
sample：
複数のタグで同一の名称(例えばHEAD部のCSS要素)を使用する <TH CLASS="name"> [ NN4,6,7 | IE3,4,5,6 ] <TD CLASS="name"> [ NN4,6,7 | IE3,4,5,6 ]
タグに名称を付ける <TH ID="name"> [ NN4,6,7 | IE4,5,6 ] <TD ID="name"> [ NN4,6,7 | IE4,5,6 ]
スタイル属性を定義する <TH STYLE="property"> [ NN4,6,7 | IE3,4,5,6 ] <TD STYLE="property"> [ NN4,6,7 | IE3,4,5,6 ]
タグに付加的情報を付ける <TH TITLE="comment"> [ NN6,7 | IE4,5,6 ] <TD TITLE="comment"> [ NN6,7 | IE4,5,6 ]
言語を指定する <TH LANG="language"> [ IE4,5,6 ] <TD LANG="language"> [ IE4,5,6 ]
テキストの読み方向を指定する <TH DIR="ltr | rtl"> [ NN6,7 | IE5,6 ] <TD DIR="ltr | rtl"> [ NN6,7 | IE5,6 ]
指定部分をクリックしたときにスクリプト処理を行う <TH onClick="処理 | 関数名"> [ NN6,7 | IE4,5,6 ] <TD onClick="処理 | 関数名"> [ NN6,7 | IE4,5,6 ]
指定部分をダブルクリックしたときにスクリプト処理を行う <TH onDblclick="処理 | 関数名"> [ NN6,7 | IE4,5,6 ] <TD onDblclick="処理 | 関数名"> [ NN6,7 | IE4,5,6 ]
指定部分の上でマウスのキーを押し下げたときにスクリプト処理を行う <TH onMousedown="処理 | 関数名"> [ NN6,7 | IE4,5,6 ] <TD onMousedown="処理 | 関数名"> [ NN6,7 | IE4,5,6 ]
指定部分の上でマウスのキーを上げた（元に戻した）ときにスクリプト処理を行う <TH onMouseup="処理 | 関数名"> [ NN6,7 | IE4,5,6 ] <TD onMouseup="処理 | 関数名"> [ NN6,7 | IE4,5,6 ]
マウスポインタが指定部分の上に載ったときにスクリプト処理を行う <TH onMouseover="処理 | 関数名"> [ NN6,7 | IE4,5,6 ] <TD onMouseover="処理 | 関数名"> [ NN6,7 | IE4,5,6 ]
マウスポインタが指定部分から外れたときにスクリプト処理を行う <TH onMouseout="処理 | 関数名"> [ NN6,7 | IE4,5,6 ] <TD onMouseout="処理 | 関数名"> [ NN6,7 | IE4,5,6 ]
マウスポインタが指定部分の上で移動しているときにスクリプト処理を行う <TH onMousemove="処理 | 関数名"> [ NN6,7 | IE4,5,6 ] <TD onMousemove="処理 | 関数名"> [ NN6,7 | IE4,5,6 ]
指定部分の上でキーボードのキーを押し下げたときにスクリプト処理を行う <TH onKeydown="処理 | 関数名"> [ IE4,5,6 ] <TD onKeydown="処理 | 関数名"> [ IE4,5,6 ]
指定部分の上でキーボードのキーを上げた（元に戻した）ときにスクリプト処理を行う <TH onKeyup="処理 | 関数名"> [ IE4,5,6 ] <TD onKeyup="処理 | 関数名"> [ IE4,5,6 ]
指定部分の上でキーボードのキーを押し下げた状態のときにスクリプト処理を行う <TH onKeypress="処理 | 関数名"> [ IE4,5,6 ] <TD onKeypress="処理 | 関数名"> [ IE4,5,6 ]