タグ辞書【TABLE】
◆ TABLE
◇表示可能ブラウザ:
[IE4][IE5][IE6][NN4][NN6][OP7]
- ◇解説
-
テーブルを作成する
基本的な構造は、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 |