七鍵＠楽天

タグ辞書【TABLE】

◇ 解説

テーブルを作成する
基本的な構造は、TABLEタグ内にTRタグで表の横一行を定義し、
さらにその中にTHタグやTDタグでセルを定義する
テーブルの各セルには見出しを定義するヘッダセルTHと、
データを定義するデータセルTDがある
ヘッダセル内のテキストは、一般的なブラウザでは太字でセンタリングされて表示される

◇ 属性

border：	セルの罫線の太さを指定
width：	テーブル幅を指定
cellspacing：	表全体、各セルの中で表示上最も大きなデータに対して、 罫線との余白を指定
cellpadding：	表全体の上下左右の4方向について、 もっとも外周にあるセルが どれだけ表全体の枠から離れていなければならないかを指定
bordercolor：	境界線色を指定
summary：	非視覚系ブラウザに対して、テーブルの説明や構造を示すもの
bgcolor：	テーブル全体の背景色を指定(非推奨)
align：	画面全体に対する表示位置を指定(非推奨)
frame：	テーブルの外枠線の罫線の表示方法を指定(規定値void) void：外枠線無し above：上端のみ below：下端のみ hsides：上端下端のみ vsides：左端右端のみ lhs：左端のみ rhs：右端のみ box：周囲全て border：周囲全て
rules：	セルの罫線の表示方法を指定(規定値none) none：罫線無し groups：行列区切りのみ rows：行間のみ cols：列間のみ all：全て
%STYLEs%：	スタイルシートのクラス名やID名を参照
%LANGs%：	言語情報や書字方向などを指定
%EVENTs%：	各種イベントを指定

◇ ソース

<TABLE align="center" border="1" bordercolor="#CCCCFF">
<CAPTION align=top>Web　Safe　Color</CAPTION>
<TR><TD width=70 height=30 align=center bgcolor="#000000">#000000</TD>
<TD width=70 height=30 align=center bgcolor="#000033">#000033</TD>
<TD width=70 height=30 align=center bgcolor="#000066">#000066</TD></TR>
<TR><TD width=70 height=30 align=center bgcolor="#000099">#000099</TD>
<TD width=70 height=30 align=center bgcolor="#0000CC">#0000CC</TD>
<TD width=70 height=30 align=center bgcolor="#0000FF">#0000FF</TD></TR>
<TR><TD width=70 height=30 align=center bgcolor="#003300">#003300</TD>
<TD width=70 height=30 align=center bgcolor="#003333">#003333</TD>
<TD width=70 height=30 align=center bgcolor="#003366">#003366</TD></TR>
<TR><TD width=70 height=30 align=center bgcolor="#003399">#003399</TD>
<TD width=70 height=30 align=center bgcolor="#0033CC">#0033CC</TD>
<TD width=70 height=30 align=center bgcolor="#0033FF">#0033FF</TD></TR>
</TABLE>

◇ 表示

Web　Safe　Color

#000000	#000033	#000066
#000099	#0000CC	#0000FF
#003300	#003333	#003366
#003399	#0033CC	#0033FF