<TABLE>タグ

<TABLE>はテーブル(表)を作成するタグです。 テーブル(表)の基本的な構造は、<TABLE>〜</TABLE>内に<TR>〜< /TR>で表の横一行を定義して、さらにその中に<TH>〜</TH> や<TD>〜</TD>でセルを定義します。


テーブル(表)の各セルには見出しを定義するヘッダセル(<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の場合]
1行目 2行目
あいうえお かきくけこ

[aboveの場合]
1行目 2行目
あいうえお かきくけこ

[belowの場合]
1行目 2行目
あいうえお かきくけこ

[borderの場合]
1行目 2行目
あいうえお かきくけこ

[boxの場合]
1行目 2行目
がはははは かきくけこ

[hsidesの場合]
1行目 2行目
あいうえお かきくけこ

[lhsの場合]
1行目 2行目
あいうえお かきくけこ

[rhsの場合]
1行目 2行目
あいうえお かきくけこ

[vsidesの場合]
1行目 2行目
あいうえお かきくけこ

<TABLE rules=" 形式">〜</TABLE>>

■表の内側の内枠の表示形式を指定します、以下に全ての実行例を表示します。(枠の色はbordercolorで色付けしています)

【実行例】

[allの場合]
1行目 2行目
あいうえお かきくけこ

[noneの場合]
1行目 2行目
あいうえお かきくけこ

[rowsの場合]
1行目 2行目
あいうえお かきくけこ

[colsの場合]
1行目 2行目
あいうえお かきくけこ

記事:<CAPTION>タグで表に キャプションをつける事が出来ます。