表の作成

★表を作るには

表を作るには、テーブルタグの中に列やセルを定義します。

<TABLE>〜</TABLE>テーブルタグ(枠なし）
<TABLE BORDER>〜</TABLE>　　テーブルタグ(枠あり)
<TD>〜</TD>セルを定義する
<TR>〜</TR>横１列をつくる

《設定例》
<TABLE BORDER="1">
<TR><TD>北海道</TD><TD>九州</TD><TD>四国</TD></TR>
<TR><TD>東京都</TD><TD>埼玉県</TD><TD>群馬県</TD></TR>
<TABLE BORDER="1">

《結果》
北海道九州四国
東京都埼玉県群馬県



★テーブルとテキストの間隔を調整するには

<TABLE ALIGN="表の位置"　VSPACE="縦方向の間隔"　HSPACE="横方向の間隔">

《設定例》
<TABLE ALIGN="left" BORDER="1" HSPACE="30">
<TR><TD>北海道</TD><TD>九州</TD><TD>四国</TD></TR>
<TR><TD>東京都</TD><TD>埼玉県</TD><TD>群馬県</TD></TR>
</TABLE>
テーブルの周りにテキストを流し込むときは<BR>
VSPACE、HSPACE オプションを使います<BR>
指定したピクセルだけスペースが空きます。<BR>
この例では横方向に30ピクセルの空きを指定しています。


《結果》

北海道九州四国
東京都埼玉県群馬県
テーブルの周りにテキストを流し込むときは
VSPACE、HSPACE オプションを使います
指定したピクセルだけスペースが空きます。
この例では横方向に30ピクセルの空きを指定しています。




★複数の列にまたがるセルを指定するには

<TH COLSPAN="列数">〜</TH>

《設定例：3列にまたがるセル》
<TABLE BORDER>
<TR><TH COLSPAN="3">東京都</TH><TR>
<TR><TD>中央区</TD><TD>新宿区</TD><TD>千代田区</TD></TR>
</TABLE>

《結果》
東京都
中央区新宿区千代田区



★セルの中のテキストの位置を指定するには

<TR ALIGN="水平位置"VALIGN="垂直位置">〜</TR>
<TD ALIGN="水平位置"VALIGN="垂直位置">〜</TD>
<TH ALIGN="水平位置"VALIGN="垂直位置">〜</TH>

《設定例》
<TABLE BORDER WIDTH="90%">
<TR><TH COLSPAN="3">キャンプ場情報</TH></TR>
<TR><TH>キャンプ場<TH>場所<TH>内容</TR>
<TR ALIGN="center"><TD>浦山口キャンプ場<TD>埼玉県<TD>キャンプ場の中には浦山川が流れ、水の音が心地よい</TR>
<TR ALIGN="center"><TD>中札内園地キャンプ場<TD>北海道<TD ALIGN="right">日高山脈の麓、雄大な自然の中のキャンプ場</TR>
<TR ALIGN="center"><TD VALIGN="top">国設薬研野営場<TD VALIGN="bottom">青森県<TD ALIGN="left"> 下北半島の奥薬研温泉にあるキャンプ場。<BR> キャンプ場を流れる大畑川は渓流釣りのメッカでもある<BR> キャンプ場から車で５分ほどのところには無料の露天風呂がある。</TR>
</TABLE>
《結果》
キャンプ場情報
キャンプ場場所内容
浦山口キャンプ場埼玉県キャンプ場の中には浦山川が流れ、水の音が心地よい
中札内園地北海道日高山脈の麓、雄大な自然の中のキャンプ場
国設薬研野営場青森県 下北半島の奥薬研温泉にあるキャンプ場。
キャンプ場を流れる大畑川は渓流釣りのメッカでもある。
キャンプ場から車で５分ほどのところには無料の露天風呂がある。



★セルに色をつけるには

<TD BGCOLOR="色指定">〜</TD>>・・・TD タグにBGCOLOR オプションをつける

《設定例》
<TABLE BORDER>
<TR><TD BGCOLOR="blue">ここは青色</TD>
<TD BGCOLOR="red">ここは赤</TD>
<TD BGCOLOR="orange">ここはオレンジ色</TD>
</TR>
</TABLE>

《結果》
ここは青色 ここは赤 ここはオレンジ色