表・ＴＡＢＬＥ

<TABLE border="1">テーブルを宣言、枠線(border)の太さを１に設定
align=

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

bgcolor= 表の背景色を指定できます。

cellpadding= セル内のテキストと両わきの間に空ける空白の大きさを指定します。

cellpadding= セル内のテキストと両わきの間に空ける空白の大きさを指定します。

frame= 表を囲む枠線を定義します。

 typeには次のようなものがあります。

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

hspace= 表の左右に空ける空白をピクセル値で指定します。

<caption align="bottom">Ａ受講者男女数</caption>

表のキャプションを表の下に表示する(bottom)

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

<TR>
<TH rowspan="2"></TH><TH colspan="2">A講座</TH>
rowspan は列方向に連結するセル数を指定します。

THは列や行のタイトルに指定します。

強調文字で表示されます。

<TH rowspan="2" align="center">その他の講座</TH>
</TR>

<TR>
<TH align="right">男性</TH>
align は表示位置を指定しています。

<TH>女性</TH>
</TR>

<TR>
<TH>92年度</TH>
<TD align="right">10人</TD>
<TD>3人</TD>
<TD align="right">52人</TD>
TDは表の各セルに表示するデータを表示する場所です。

</TR>

<TR>
<TH>93年度</TH>
<TD align="right">9人</TD>
<TD>7人</td>
<TD align="right">54人</TD>
</TR>

</TABLE>TABLEの終了を宣言します。

[BACK] [NEXT][詳細]

HTML入門