表をおしゃれ(？)にする
 


 表の表示サイズを指定する

　<TABLE BORDER>に WIDTH=**% を付け加えるだけで表のサイズ指定ができます。

（例）

<TABLE BORDER WIDTH=50%>
<TD ROWSPAN=4>○○○建築予定</TD>
<TH>高さ</TH><TD>１０ｍ</TD>
<TR><TH>幅</TH><TD>２０ｍ</TD>
<TR><TH>長さ</TH><TD>６０ｍ</TD>
<TR><TD>完成予定</TD><TD>１２／１</TD>
</TABLE>

　　　↓


○○○建築予定高さ１０ｍ
幅２０ｍ
長さ６０ｍ
完成予定１２／１



 枠線と文字との間隔を調整する

　<TABLE BORDER>に CELLPADDING=数値 を付け加えるだけで枠線と文字との間隔
　の調整ができます。

（例１）

<TABLE BORDER CELLPADDING=0>
<TD ROWSPAN=4>○○○建築予定</TD>
<TH>高さ</TH><TD>１０ｍ</TD>
<TR><TH>幅</TH><TD>２０ｍ</TD>
<TR><TH>長さ</TH><TD>６０ｍ</TD>
<TR><TD>完成予定</TD><TD>１２／１</TD>
</TABLE>

　　　↓


○○○建築予定高さ１０ｍ
幅２０ｍ
長さ６０ｍ
完成予定１２／１



（例２）

<TABLE BORDER CELLPADDING=5>
<TD ROWSPAN=4>○○○建築予定</TD>
<TH>高さ</TH><TD>１０ｍ</TD>
<TR><TH>幅</TH><TD>２０ｍ</TD>
<TR><TH>長さ</TH><TD>６０ｍ</TD>
<TR><TD>完成予定</TD><TD>１２／１</TD>
</TABLE>

　　　↓


○○○建築予定高さ１０ｍ
幅２０ｍ
長さ６０ｍ
完成予定１２／１



 枠線の太さを調整する

　<TABLE BORDER>に CELLSPACING=数値 を付け加えるだけで枠線の太さの調整が
　できます。

（例１）

<TABLE BORDER CELLSPACING=0>
<TD ROWSPAN=4>○○○建築予定</TD>
<TH>高さ</TH><TD>１０ｍ</TD>
<TR><TH>幅</TH><TD>２０ｍ</TD>
<TR><TH>長さ</TH><TD>６０ｍ</TD>
<TR><TD>完成予定</TD><TD>１２／１</TD>
</TABLE>

　　　↓


○○○建築予定高さ１０ｍ
幅２０ｍ
長さ６０ｍ
完成予定１２／１



（例２）

<TABLE BORDER CELLSPACING=5>
<TD ROWSPAN=4>○○○建築予定</TD>
<TH>高さ</TH><TD>１０ｍ</TD>
<TR><TH>幅</TH><TD>２０ｍ</TD>
<TR><TH>長さ</TH><TD>６０ｍ</TD>
<TR><TD>完成予定</TD><TD>１２／１</TD>
</TABLE>

　　　↓


○○○建築予定高さ１０ｍ
幅２０ｍ
長さ６０ｍ
完成予定１２／１



 外枠に高さをつける

　<TABLE BORDER>を <TABLE BORDER=数値> に変えたら高さの調整が
　できます。

（例１）

<TABLE BORDER=0>
<TD ROWSPAN=4>○○○建築予定</TD>
<TH>高さ</TH><TD>１０ｍ</TD>
<TR><TH>幅</TH><TD>２０ｍ</TD>
<TR><TH>長さ</TH><TD>６０ｍ</TD>
<TR><TD>完成予定</TD><TD>１２／１</TD>
</TABLE>

　　　↓


○○○建築予定高さ１０ｍ
幅２０ｍ
長さ６０ｍ
完成予定１２／１



（例２）

<TABLE BORDER=1>
<TD ROWSPAN=4>○○○建築予定</TD>
<TH>高さ</TH><TD>１０ｍ</TD>
<TR><TH>幅</TH><TD>２０ｍ</TD>
<TR><TH>長さ</TH><TD>６０ｍ</TD>
<TR><TD>完成予定</TD><TD>１２／１</TD>
</TABLE>

　　　↓


○○○建築予定高さ１０ｍ
幅２０ｍ
長さ６０ｍ
完成予定１２／１



（例３）

<TABLE BORDER=5>
<TD ROWSPAN=4>○○○建築予定</TD>
<TH>高さ</TH><TD>１０ｍ</TD>
<TR><TH>幅</TH><TD>２０ｍ</TD>
<TR><TH>長さ</TH><TD>６０ｍ</TD>
<TR><TD>完成予定</TD><TD>１２／１</TD>
</TABLE>

　　　↓


○○○建築予定高さ１０ｍ
幅２０ｍ
長さ６０ｍ
完成予定１２／１
　

＜次に進む＞

☆ ホームページ作成ルームへ戻る ／ ★ しろくま君のホームページへ