テーブル(表)の各セルには見出しを定義するヘッダセル(<TH>〜</TH>)と、データを定義するデー
タセル(<TD>〜<TD>)があります。ヘッダセル内のテキストは、一般的なブラウザでは太字でセンタリ
ングされて表示されます。
<TABLE>タグをレイアウト目的で使用するケースが多くありますが、<TABLE>タグは本来はテーブ
ル(表)を作成するためのタグです。現実的には<TABLE>タグに頼らざるを得ない部分もありますが、レイアウト目的
には、できるだけスタイルシートを利用した方がよいでしょう。
<TABLE border=" 太さ">〜</TABLE> ■表を作成します、borderで表の枠線の太 さを指定します 【実行例】
【実行例のソース】 <TABLEborder="1"> <font color="#ff0000">TR> <TD>表だよ</TD> </TR> </TABLE> |
■tableタグのいろいろなオプション。 <TABLE border="1" bgcolor="色" width="横幅" height="縦幅" hspace="左右の余白" vspace="上下の余白" align="表の左右どちらかに回り込み指定"> 〜</TABLE> 【実行例ソース】 <TABLEborder="1" bgcolor="#CCCCCC" width="100" height="80" hspace<="3" vspace="3" align="left"> <TR> <TD>表だよ</TD> </TR> </TABLE> こんなとこに書けます。 【実行例】
|
<TABLE border="1"background=" ファイル名">〜</TABLE> ■表の背景に画像を使う事が出来ます。 【実行例】
|
<TABLE cellpadding="サイズ"> ■cellpaddingでセルの中の余白サイズを指定します。 【実行例】
【実行例ソース】 <TABLEborder="1" cellpadding="3"> <TR> <TD>表だよ</TD> </TR>> </TABLE> |
<TABLE border="1" cellspacing=" 間隔"bordercolor="枠線の色"> ■cellspacingで間隔のサイズを指定します、bordercolorで枠線の色を 指定します。 【実行例】
【実行例ソース】 <TABLEborder="1" cellspacing="6"bordercolor="#ff0000"> <TR<> <TD>表だよ</TD> </TR> </TABLE> |
<TABLE color="#0000ff">bordercolorlight="色指定"bordercolordark="色指定">〜</TABLE> ■bordercolorlightで表の一番明るいところの色を 指定します、bordercolordarkは逆 の一番暗いところの色を指定します。 【実行例】
|
<TABLE frame=" 形式">〜</TABLE> ■表の枠の表示形式を指定します。以下に全ての表示形式を記述します。枠線が分かりやすいようにbordercolorで色付けしています。 【実行例】 [voidの場合]
[aboveの場合]
[belowの場合]
[borderの場合]
[boxの場合]
[hsidesの場合]
[lhsの場合]
[rhsの場合]
[vsidesの場合]
|
<TABLE rules=" 形式">〜</TABLE>> ■表の内側の内枠の表示形式を指定します、以下に全ての実行例を表示します。(枠の色はbordercolorで色付けしています) 【実行例】 [allの場合]
[noneの場合]
[rowsの場合]
[colsの場合]
|
記事:<CAPTION>タグで表に キャプションをつける事が出来ます。 |