Next: 10. フレーム Up: HTML文書作成マニュアル Ver 5.11 Previous: 8. 画像

9. 表

HTMLでは柔軟に表を扱うことができます。

表環境の宣言には、tableタグを使います。

table[Strict][Transitional]

<table attributes...>～</table>の書式de、表環境を宣言します。attributesとして、次のようなものを取ります。

align

[Transitional][省略可]align="Justification"の形で、表の位置を指定します。

center:表を中寄せにします。
left:表を左寄せにします。
right:表を右寄せにします。

bgcolor

[Transitional][省略可]bgcolor="#rrggbb"またはbgcolor="Color"は、表の背景色を設定します。値の詳細に関しては、7 を参照してください。

border

[Strict][Transitional][省略可]border="number"の書式で、表に枠を入れます。このアトリビュートを付けないと表には枠線が入りません。numberには枠の幅をピクセル値で指定します。

cellpadding

[Strict][Transitional][省略可]cellpadding="number"は、セル内のテキストと両わきの間に空ける空白の大きさを指定します。単位は、数値だけの場合はピクセル、%が付く場合は画面幅に対するパーセンテージになります。

cellspacing

[Strict][Transitional][省略可]cellspacing="number"は、セルの間の空白の大きさを指定します。単位は、数値だけの場合はピクセル、%が付く場合は画面幅に対するパーセンテージになります。

class

[Strict][Transitional][省略可]class="cdata"は、このタグへセットする情報をクラスの形で指定します。詳細は5 を参照してください。

dir

[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。

frame

[Strict][Transitional][省略可]frame="type"は、表を囲む枠線を定義します。typeには次のようなものがあります。

above:上のみ。
below:下のみ。
border:上下左右すべて。
box:上下左右すべて。
hsides:上下。
lhs:左のみ。
rhs:右のみ。
void:どこにも引かない(デフォルト)。
vsides:左右。

hspace

[Transitional][省略可]hspace="number"は、表の左右に空ける空白をピクセル値で指定します。

id

[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。

lang

[Strict][Transitional][省略可]lang="language"は、タグ内の言語を指定します。詳細は4.3 を参照してください。

onclick

[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。

ondblclick

[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeydown

[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeypress

[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeyup

[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmousedown

[Strict][Transitional][省略可]onmousedown="script"はマウスのボタンをクリックしたときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmousemove

[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseout

[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseover

[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseup

[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

rules

[Strict][Transitional][省略可]rules="type"は、セルの間の線の引き方を指定します。typeの値には次のようなものがあります。

all:縦横すべてに線を引きます。
cols:縦線だけを引きます。
groups:縦横それぞれのグループの間に線を引きます。
none:線は引きません(デフォルト)。
rows:横線だけを引きます。

style

[Strict][Transitional][省略可]style="cdata"は、スタイルを設定します。詳細は5 を参照してください。

summary

[Strict][Transitional][省略可]summary="text"は、表の概要を説明したテキストを指定します(ブラウザのメディアが音声出力であるような場合に効果があります)。

title

[Strict][Transitional][省略可]title="titlename"は補助用タイトルを指定します。

vspace

[Transitional][省略可]vspace="number"は、表の上下に空ける空白をピクセル値で指定します。

width

[Strict][Transitional][省略可]width="number"は、表の横幅を指定します。表は自動的にこの幅に拡大あるいは縮小されます。単位は、数値だけの場合はピクセル、数値に%を付けると画面の幅に対する比率になります。

table環境内では、次のようなタグを使用することができます。

caption[Strict][Transitional]

<caption attributes...>～</caption>の書式で、表のタイトルを付けます。attributesには次のようなものがあります。

align

[Transitional][省略可]align="Justification"は、キャプションを表示する位置を指定します。

bottom:表の下にキャプションが付きます。
left:表の左にキャプションが付きます。
top:表の上にキャプションが付きます(デフォルト)。
right:表の右にキャプションが付きます。

class

[Strict][Transitional][省略可]class="cdata"は、タグ内のテキストへセットする情報をクラスの形で指定します。詳細は5 を参照してください。

dir

[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。

id

[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。

lang

[Strict][Transitional][省略可]lang="language"は、ドキュメントの言語を指定します。詳細は4.3 を参照してください。

onclick

[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。

ondblclick

[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeydown

[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeypress

[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeyup

[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmousedown

onmousemove

[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseout

[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseover

[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseup

[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

style

[Strict][Transitional][省略可]style="cdata"は、このタグ内のスタイルを設定します。詳細は5 を参照してください。

title

[Strict][Transitional][省略可]title="titlename"は補助用タイトルを指定します。

colgroup[Strict][Transitional]

<colgroup attributes...>～[</colgroup>]の書式で、カラムのグループ化を行います。環境内に0個以上のcolタグを持ちます。attributesには次のようなものが入ります。

align

[Strict][Transitional][省略可]align="Justification"は、コンテンツを表示する横位置を指定します。

center:中寄せです。
char:charアトリビュートで指定した文字で合わせます。
left:左寄せです(デフォルト)。
justify:左右のマージンをもとに調整します。
right:右寄せです。

char

[Strict][Transitional][省略可]char="character"は、alignアトリビュートで位置合わせするときに使う1文字を指定します。

charoff

[Strict][Transitional][省略可]charoff="number"は、セル内のオフセットを指定します。

class

[Strict][Transitional][省略可]class="cdata"は、タグ内のテキストへセットする情報をクラスの形で指定します。詳細は5 を参照してください。

dir

[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。

id

[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。

lang

[Strict][Transitional][省略可]lang="language"は、ドキュメントの言語を指定します。詳細は4.3 を参照してください。

onclick

[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。

ondblclick

[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeydown

[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeypress

[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeyup

[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmousedown

onmousemove

[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseout

[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseover

[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseup

[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

span

[Strict][Transitional][省略可]span="number"は、このグループに含まれるカラム数を指定します。colタグを環境内に持つ場合、このアトリビュートの値は無視されます。

style

[Strict][Transitional][省略可]style="cdata"は、このタグ内のスタイルを設定します。詳細は5 を参照してください。

title

[Strict][Transitional][省略可]title="titlename"は補助用タイトルを指定します。

valign

[Strict][Transitional][省略可]valign="Justification"は、コンテンツを表示する縦位置を指定します。

baseline:ベースラインに合わせます。
bottom:セルの下に合わせます。
middle:セルの中央に合わせます(デフォルト)。
top:セルの上に合わせます。

width

[Strict][Transitional][省略可]width="number"は、このグループ内でのそれぞれのカラムのデフォルト幅を指定します。特別な値として0*を指定すると、最小限の幅を指定したことになります。

colタグは次のようになっています。

col[Strict][Transitional]

<col attributes...>の書式で、カラムグループ内のそれぞれのカラムのデフォルト幅を指定します。EMPTYタグです。attributesには次のようなものが入ります。

align

[Strict][Transitional][省略可]align="Justification"は、コンテンツを表示する横位置を指定します。

center:中寄せです。
char:charアトリビュートで指定した文字で合わせます。
justify:左右のマージンを元に調整します。
left:左寄せです(デフォルト)。
right:右寄せです。

char

[Strict][Transitional][省略可]char="character"は、alignアトリビュートで位置合わせするときに使う1文字を指定します。

charoff

[Strict][Transitional][省略可]charoff="number"は、セル内のオフセットを指定します。

class

[Strict][Transitional][省略可]class="cdata"は、タグ内のテキストへセットする情報をクラスの形で指定します。詳細は5 を参照してください。

dir

[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。

id

[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。

lang

[Strict][Transitional][省略可]lang="language"は、ドキュメントの言語を指定します。詳細は4.3 を参照してください。

onclick

[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。

ondblclick

[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeydown

[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeypress

[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeyup

[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmousedown

onmousemove

[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseout

[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseover

[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseup

[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

span

[Strict][Transitional][省略可]span="number"は、この後に続くcolタグに現在指定中のタグと同じアトリビュートを付けるのに使用します。たとえば値として3を指定した場合、現在指定中のtextttcolタグを含めて3つのタグに同じアトリビュートを指定したことになります。


<col align="center" span=3>
<col> このタグはalign="center"を受け継ぐ
<col> このタグはalign="center"を受け継ぐ
<col> このタグは受け継がないので、デフォルトのalign="left"になる

style

[Strict][Transitional][省略可]style="cdata"は、このタグ内のスタイルを設定します。詳細は5 を参照してください。

title

[Strict][Transitional][省略可]title="titlename"は補助用タイトルを指定します。

valign

[Strict][Transitional][省略可]valign="Justification"は、コンテンツを表示する縦位置を指定します。

baseline:ベースラインに合わせます。
bottom:セルの下に合わせます。
middle:セルの中央に合わせます(デフォルト)。
top:セルの上に合わせます。

width

[Strict][Transitional][省略可]width="number"は、カラムのデフォルト幅を指定します。特別な値として0*を指定すると、最小限の幅を指定したことになります。また、number*の形で、numberに数値を入れると、number個で表幅を分割した長さになります。

tbody[Strict][Transitional]

<tbody attribues...>～[</tbody>]の書式で、表の本体部分を示します。～の部分にtrタグ環境が1つ以上入ります。attributesは次のようなものを取ります。

align

[Strict][Transitional][省略可]align="Justification"は、コンテンツを表示する横位置を指定します。

center:中寄せです。
char:charアトリビュートで指定した文字で合わせます。
justify:左右のマージンをもとに調整します。
left:左寄せです(デフォルト)。
right:右寄せです。

char

[Strict][Transitional][省略可]char="character"は、alignアトリビュートで位置合わせするときに使う1文字を指定します。

charoff

[Strict][Transitional][省略可]charoff="number"は、セル内のオフセットを指定します。

class

[Strict][Transitional][省略可]class="cdata"は、タグ内のテキストへセットする情報をクラスの形で指定します。詳細は5 を参照してください。

dir

[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。

id

[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。

lang

[Strict][Transitional][省略可]lang="language"は、ドキュメントの言語を指定します。詳細は4.3 を参照してください。

onclick

[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。

ondblclick

[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeydown

[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeypress

[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeyup

[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmousedown

onmousemove

[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseout

[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseover

[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseup

[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

style

[Strict][Transitional][省略可]style="cdata"は、このタグ内のスタイルを設定します。詳細は5 を参照してください。

title

[Strict][Transitional][省略可]title="titlename"は補助用タイトルを指定します。

valign

[Strict][Transitional][省略可]valign="Justification"は、コンテンツを表示する縦位置を指定します。

baseline:ベースラインに合わせます。
bottom:セルの下に合わせます。
middle:セルの中央に合わせます(デフォルト)。
top:セルの上に合わせます。

tfoot[Strict][Transitional]

<tfoot attribues...>～[</tfoot>]の書式で、表のフッタ(脚注)を示します。～の部分にtrタグ環境が1つ以上入ります。attributesはtbodyタグと同じです。

thead[Strict][Transitional]

<thead attribues...>～[</thead>]の書式で、表のヘッダ(見出し)を示します。～の部分にtrタグ環境が1つ以上入ります。attributesはtbodyタグと同じです。

tr[Strict][Transitional]

<tr attributes...>～[</tr>]の書式で、～の部分が行となります。この行の終了は、次のtrの開始タグまたは終了タグが現れるまでです。attributesには次のようなものが入ります。

align

[Strict][Transitional][省略可]align="Justification"は、コンテンツを表示する横位置を指定します。

center:中寄せです。
char:charアトリビュートで指定した文字で合わせます。
justify:左右のマージンをもとに調整します。
left:左寄せです(デフォルト)。
right:右寄せです。

bgcolor

[Transitional][省略可]bgcolor="#rrggbb"またはbgcolor="Color"は、行の背景色を設定します。値の詳細に関しては、7 を参照してください。

char

[Strict][Transitional][省略可]char="character"は、alignアトリビュートで位置合わせするときに使う1文字を指定します。

charoff

[Strict][Transitional][省略可]charoff="number"は、セル内のオフセットを指定します。

class

[Strict][Transitional][省略可]class="cdata"は、タグ内のテキストへセットする情報をクラスの形で指定します。詳細は5 を参照してください。

dir

[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。

id

[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。

lang

[Strict][Transitional][省略可]lang="language"は、ドキュメントの言語を指定します。詳細は4.3 を参照してください。

onclick

[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。

ondblclick

[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeydown

[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeypress

[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeyup

[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmousedown

onmousemove

[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseout

[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseover

[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseup

[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

style

[Strict][Transitional][省略可]style="cdata"は、このタグ内のスタイルを設定します。詳細は5 を参照してください。

title

[Strict][Transitional][省略可]title="titlename"は補助用タイトルを指定します。

valign

[Strict][Transitional][省略可]valign="Justification"は、コンテンツを表示する縦位置を指定します。

baseline:ベースラインに合わせます。
bottom:セルの下に合わせます。
middle:セルの中央に合わせます(デフォルト)。
top:セルの上に合わせます。

td[Strict][Transitional]

<td attributes...>～[</td>]の書式で、thタグで記述した項目コンテンツに対する説明コンテンツのセルを記載します。このコンテンツ記述の終了は、次のtdの開始タグまたは終了タグが現れるまでです。アトリビュートには、次のものを取ります。

abbr

[Strict][Transitional][省略可]abbr="text"は、セルの要約を記述します。

align

[Strict][Transitional][省略可]align="Justification"は、セルを表示する横位置を指定します。

center:中寄せです。
char:charアトリビュートで指定した文字で合わせます。
justify:左右のマージンを元に調整します。
left:左寄せです(デフォルト)。
right:右寄せです。

axis

[Strict][Transitional][省略可]axis="name"は、セルをカテゴリー化するためのIDを指定します。

bgcolor

[Transitional][省略可]bgcolor="#rrggbb"またはbgcolor="Color"は、セルの背景色を設定します。値の詳細に関しては、7 を参照してください。

char

[Strict][Transitional][省略可]char="character"は、alignアトリビュートで位置合わせするときに使う1文字を指定します。

charoff

[Strict][Transitional][省略可]charoff="number"は、セル内のオフセットを指定します。

class

[Strict][Transitional][省略可]class="cdata"は、タグ内のテキストへセットする情報をクラスの形で指定します。詳細は5 を参照してください。

colspan

[Strict][Transitional][省略可]colspan="number"は、複数列にわたる領域を作成します。numberに列数を入力します。デフォルトでは1です。

dir

[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。

headers

[Strict][Transitional][省略可]headers="id [id ...]"は、このセルに対するヘッダとなっているセルのIDを参照のために指定します。IDが複数にわたる場合、スペース文字で区切ります。

height

[Transitional][省略可]height="number"は、セルの縦幅をピクセル数、もしくはページ幅に対する率で指定します。率で指定するときには、%を付けます。

id

[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。

lang

[Strict][Transitional][省略可]lang="language"は、ドキュメントの言語を指定します。詳細は4.3 を参照してください。

nowrap

[Transitional][省略可]nowrapは、セル内のコンテンツの改行を抑制します。通常、ブラウザはセルの幅から表の幅を決め、適当な位置でコンテンツを改行します。このアトリビュートをタグに加えると、中のコンテンツは改行されません。このアトリビュートが付いている状態で改行をするときにはbrタグ(4.5 参照)を使います。

onclick

[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。

ondblclick

[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeydown

[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeypress

[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onkeyup

[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmousedown

onmousemove

[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseout

[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseover

[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。

onmouseup

[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。

rowspan

[Strict][Transitional][省略可]rowspan="number"は、複数行にわたる領域を作成します。numberに行数を入力します。デフォルトでは1です。

scope

[Strict][Transitional][省略可]scope="region"は、ほかのセルに対してヘッダセルとなるかどうか指定します。値として次のものを取ります。

col:現在のセルが自身を含む列のヘッダセルであることを宣言します。
colgroup:現在のセルがcolgroupタグで指定したグループのヘッダセルであることを宣言します。
row:現在のセルが自身を含む行のヘッダセルであることを宣言します。
rowgroup:現在のセルがtheadタグ、tfootタグ、tbodyタグのいずれかで指定したグループのヘッダセルであることを宣言します。

style

[Strict][Transitional][省略可]style="cdata"は、このタグ内のスタイルを設定します。詳細は5 を参照してください。

title

[Strict][Transitional][省略可]title="titlename"は補助用タイトルを指定します。

valign

[Strict][Transitional][省略可]valign="Justification"は、コンテンツを表示する縦位置を指定します。

baseline:ベースラインに合わせます。
bottom:セルの下に合わせます。
middle:セルの中央に合わせます(デフォルト)。
top:セルの上に合わせます。

th[Strict][Transitional]

<th attributes...>～[</th>]は、セルの項目部分を指定します。attributesはtdタグと同じです。

例を上げておきましょう。

ソースは、次のようになっているとします。


<table border>
<caption align="bottom">表の例</caption>
  <tr>
    <th rowspan="2"></th><th colspan="2">A講座</th>
    <th rowspan="2" align="center">その他の講座</th>
  </tr>
  <tr>
    <th align="right">男性</th>
    <th>女性</th>
  </tr>
  <tr>
    <th>92年度</th>
    <td align="right">10人</td>
    <td align="right">3人</td>
  </tr>
  <tr>
    <th>93年度</th>
    <td align="right">9人</td>
    <td align="right">7人</td>
  </tr>
</table>

これをブラウザで表示すると、次のように表現されます。

表の例
	A講座		その他の講座
	男性	女性	その他の講座
92年度	10人	3人
93年度	9人	7人

tableタグ環境内のthやtdタグの中でさらにtableタグを使うことが許されています。表の中に表を使うことで、colspanやrowspanによる表抜きだけでは難しい表現も可能です。

Next: 10. フレーム Up: HTML文書作成マニュアル Ver 5.11 Previous: 8. 画像

Kenshi Muto
平成11年9月19日