17 テーブルで表を作る


「テーブル」は表を作ったり段組をすることができるタグです。

<TABLE> これは表を作るタグです。<TABLE> と </TABLE> に囲まれた部分が表になります。
この下のタグは TABLE タグの属性ですから <TABLE BORDER="1" BGCOLOR="#ff0000">のように記述します。
ALIGN ALIGN="left" のように記述してページ内の表の横方向の位置を指定します。左(left)中央(center)右(right)
BACKGROUND BACKGROUND="back.gif" のように記述して表の背景に画像を張り込みます。
BGCOLOR BGCOLOR="#ff0000" のように記述して表の背景色を指定します。
BORDER BORDER="3" のように記述して表の高さ(出っ張り具合)を指定します。BORDER="0" で枠が消えます。
BORDERCOLOR BORDERCOLOR="#ff0000" のように記述して表の罫線の色を指定します。
BORDERCOLORDARK BORDERCOLORDARK="#ff0000" のように記述して表全体の影になる部分の罫線の色を指定します。
BORDERCOLORLIGHT BORDERCOLORLIGHT="#ff0000" のように記述して表全体の明るい部分となる罫線の色を指定します。
CELLPADDING CELLPADDING="5" のように記述してセル内部の文字とセルの間隔を指定します。
CELLSPACING CELLSPACING="5" のように記述して表の罫線幅を指定します。指定しなければ"2"となります。
HSPACE HSPACE="10" のように記述してALIGN属性で表に対して文字を回り込ませている場合の表と文字の横方向の間隔をピクセル単位で指定します。
VSPACE VSPACE="12" のように記述してALIGN属性で表に対して文字を回り込ませている場合の表と文字の縦方向の間隔をピクセル単位で指定します。
WIDTH WIDTH="600" のように記述して表の横方向の幅をピクセル単位で指定します。WIDTH="80%" のようにブラウザのウインド幅に対するパーセンテージで指定することもできます。
HEIGHT HEIGHT="500" のように記述して表の縦方向の幅をピクセル単位で指定します。

<TR> <TABLE> と </TABLE> の間に記述して行頭を示します。行末は </TR> で示します。
<TD> <TR> と </TR> の間に記述してセルの始りを示します。セルの終わりは </TD> で示します。
ここから下のタグは TR 又は TD の属性ですから <TR COLSPAN="2" BGCOLOR="#ff0000"> 又は <TD COLSPAN="2" BGCOLOR="#ff0000"> のように記述します。<TR の後に記述した場合は行全体の指定、<TD の後に記述した場合はそのセルのみの指定となります。
COLSPAN <TD COLSPAN="2"> のように記述して、横方向に複数のセルをまたぐセルを作ります。
ROWSPAN <TD ROWSPAN="2"> のように記述して、縦方向に複数のセルをまたぐセルを作ります。
ALIGN ALIGN="left" のように記述してセル内の文字や画像の横方向の位置を指定します。左(left)中央(center)右(right)
VALIGN VALIGN="top" のように記述してセル内の文字や画像の縦方向の位置を指定します。上(top)中(middle)下(bottom)
BACKGROUND BACKGROUND="back.gif" のように記述して表の背景に画像を張り込みます。
BGCOLOR BGCOLOR="#ff0000" のように記述して表の背景色を指定します。
BORDERCOLOR BORDERCOLOR="#ff0000" のように記述してセルの罫線の色を指定します。
BORDERCOLORDARK BORDERCOLORDARK="#ff0000" のように記述してセルの影になる部分の罫線の色を指定します。
BORDERCOLORLIGHT BORDERCOLORLIGHT="#ff0000" のように記述してセルの明るい部分となる罫線の色を指定します。
WIDTH WIDTH="600" のように記述してセルの横方向の幅をピクセル単位で指定します。WIDTH="80%" のようにブラウザのウインド幅に対するパーセンテージで指定することもできます。
HEIGHT HEIGHT="500" のように記述してセルの縦方向の幅をピクセル単位で指定します。
NOWRAP セル内で改行をしない指定です。


<BODY TEXT="#0000CD" FACE="MS ゴシック"> のようにページ全体の文字の色や書体を指定しても TABLE 内には及びません。

<BASEFONT SIZE="3"> のようにページ全体の文字のサイズを指定しても TABLE 内には及びません。

TABLE 内全体の文字の色、書体、サイズを指定するには <TABLE STYLE="color:#00008B; font-family:MS ゴシック; font-size:11pt"> のように記述します。

1行全体を指定するには <TR STYLE="color:#00008B; font-family:MS ゴシック; font-size:11pt"> のように記述します。

1つのセル内だけを指定するには <TD STYLE="color:#00008B; font-family:MS ゴシック; font-size:11pt"> のように記述します。