◆テーブル(表)-1
ホームページでレイアウトをするのに、かかせないタグです。
このページも、テーブルタグで、すっきりとレイアウトしています。
ただ、ネットスケープなどの場合、TABLE内のすべてが、ダウンロードされるまで
表示されなかったりします。
お客様を、まっしろの画面のまま、待たせることのないように、
重たい画像ファイルなどを、張り付けるときは、注意しましょう。
◆<TABLE>〜</TABLE>
まず、表のおおもとのタグが、この<TABLE>です。
下の<TR>、<TD>、<TH>と組み合わせて、表組みを作ります。
◇<TR>〜</TR>
TRは、表の行を表します。
◇<TD>〜</TD>
TDは、表のセル(ひとつの枠のこと)を表します。
◇<TH>〜</TH>
THは、表のヘッダ部分を表します。
使い方は、TDと同じで、セル内の文字が、太文字になり、中央揃えになります。
私は、使いません。。。(^^ゞ
◆<TABLE border="☆" bgcolor="△"><TR><TD>...</TD></TR></TABLE>
上記のタグは、順番に記述していきます。
枠線の太さ border、表の背景色 bgcolorなどは、<TABLE>タグ内に書き込みます。

枠の太さ   border="☆"  (☆は、ピクセル数、"0"に設定すると、
                  表の枠は表示されません。)

表の背景色 bgcolor="△" (△は、色を指定します。
                   例:"#ff66cc"または、"pink")

表の中の余白 cellpadding="☆" (☆は、ピクセル数)
<TABLE border="1" bgcolor="#ffffcc"><TR><TD>
  これが表です。
  </TD></TR></TABLE>
これが表です。
        
TABLE border="0"にすると。。
これが表です。
        
TABLE border="3"にすると。。
これが表です。
        
さらに、<TABLE border="3" cellpadding="10">にすると。。
これが表です。
        




←TOP NEXT→


by Anne