表をおしゃれにする



 表の表示サイズ(ページ横幅対比)を指定する

 <TABLE BORDER>に WIDTH="**%" を付け加えるだけで表のサイズ指定(ページ横幅対比)ができます。

(例)

<TABLE BORDER WIDTH="50%">
<TD ROWSPAN="4">○○○建築予定</TD>
<TH>高さ</TH><TD>10m</TD>
<TR><TH>幅</TH><TD>20m</TD>
<TR><TH>長さ</TH><TD>60m</TD>
<TR><TD>完成予定</TD><TD>12/1</TD>
</TABLE>

   ↓

○○○建築予定高さ10m
20m
長さ60m
完成予定12/1
枠線と文字との間隔を調整する  <TABLE BORDER>に CELLPADDING="数値" を付け加えるだけで枠線と文字との間隔  の調整ができます。 (例1) <TABLE BORDER CELLPADDING="0"> <TD ROWSPAN="4">○○○建築予定</TD> <TH>高さ</TH><TD>10m</TD> <TR><TH>幅</TH><TD>20m</TD> <TR><TH>長さ</TH><TD>60m</TD> <TR><TD>完成予定</TD><TD>12/1</TD> </TABLE>    ↓
○○○建築予定高さ10m
20m
長さ60m
完成予定12/1
(例2) <TABLE BORDER CELLPADDING="5"> <TD ROWSPAN="4">○○○建築予定</TD> <TH>高さ</TH><TD>10m</TD> <TR><TH>幅</TH><TD>20m</TD> <TR><TH>長さ</TH><TD>60m</TD> <TR><TD>完成予定</TD><TD>12/1</TD> </TABLE>    ↓
○○○建築予定高さ10m
20m
長さ60m
完成予定12/1
枠線の太さを調整する  <TABLE BORDER>に CELLSPACING="数値" を付け加えるだけで枠線の太さの調整が  できます。 (例1) <TABLE BORDER CELLSPACING="0"> <TD ROWSPAN="4">○○○建築予定</TD> <TH>高さ</TH><TD>10m</TD> <TR><TH>幅</TH><TD>20m</TD> <TR><TH>長さ</TH><TD>60m</TD> <TR><TD>完成予定</TD><TD>12/1</TD> </TABLE>    ↓
○○○建築予定高さ10m
20m
長さ60m
完成予定12/1
(例2) <TABLE BORDER CELLSPACING="5"> <TD ROWSPAN="4">○○○建築予定</TD> <TH>高さ</TH><TD>10m</TD> <TR><TH>幅</TH><TD>20m</TD> <TR><TH>長さ</TH><TD>60m</TD> <TR><TD>完成予定</TD><TD>12/1</TD> </TABLE>    ↓
○○○建築予定高さ10m
20m
長さ60m
完成予定12/1
外枠に高さをつける  <TABLE BORDER>を <TABLE BORDER="数値"> に変えたら高さの調整が  できます。 (例1) <TABLE BORDER="0"> <TD ROWSPAN="4">○○○建築予定</TD> <TH>高さ</TH><TD>10m</TD> <TR><TH>幅</TH><TD>20m</TD> <TR><TH>長さ</TH><TD>60m</TD> <TR><TD>完成予定</TD><TD>12/1</TD> </TABLE>    ↓
○○○建築予定高さ10m
20m
長さ60m
完成予定12/1
(例2) <TABLE BORDER="1"> <TD ROWSPAN="4">○○○建築予定</TD> <TH>高さ</TH><TD>10m</TD> <TR><TH>幅</TH><TD>20m</TD> <TR><TH>長さ</TH><TD>60m</TD> <TR><TD>完成予定</TD><TD>12/1</TD> </TABLE>    ↓
○○○建築予定高さ10m
20m
長さ60m
完成予定12/1
(例3) <TABLE BORDER="5"> <TD ROWSPAN="4">○○○建築予定</TD> <TH>高さ</TH><TD>10m</TD> <TR><TH>幅</TH><TD>20m</TD> <TR><TH>長さ</TH><TD>60m</TD> <TR><TD>完成予定</TD><TD>12/1</TD> </TABLE>    ↓
○○○建築予定高さ10m
20m
長さ60m
完成予定12/1
 

次に進む


ホームページ作成の部屋へ戻る 趣味の部屋へ