 |
| テーブルに関するタグ |
ここでは、やはりHPには使用すると思われるテーブルタグと、
ときたま見かける、フレームページで使用するタグについて説明していきます。
|
| テーブルタグ |
このページも、テーブルタグ使っているのわかりますよね（わかるわ!!
とりあえず、テーブルの組み方を説明しますか。
まず、上のように書くと、というのが出来ます。
これでは、何もかも無設計のためテーブルが表示されるわけ無いですね（汗
そこで、以下のようにタグを出すことで、透明ながら、表みたいなのが出てきます。
|
| テーブルのセル増設(列) |
テーブルのセルは、TDセルで増やすことが出来ます。
これを上のテーブルに増設すると、テーブルの表示が2つになります。
|
| テーブルのセル増設（行） |
テーブルタグは、列や行を増やしてページを作る場合が多いです。
テーブルをどうやって2列などにするのでしょうか。それは、TRタグを使います。
上のタグを見ればわかるとおり、TRのタグが、TDのタグをはさんでいる点がわかると思います。
このタグは、単体では機能しません。必ず、TDと一緒に使うことが前提です。
|
| テーブルの背景 |
このようになります。⇒実演ページ
テーブルに背景をつけるタグです。
テーブルも、背景には色と画像がつかえます。
背景に、色を使う例。
table*覧に、bgcolor=○○（色の名前を英字か、カラーコード）を記入します。
*一部のセルだけ背景を変えるには、tdのところに記入します。
▼SAMPLE▼
それと同じように、背景に画像を使う場合は、
background=■■■（画像のアドレス）を記入します。
▼SAMPLE▼
|
| セルを結合する |
いろいろなサイトで見られます。レイアウトを作るのに、表の形ではつまらないので
セルを結合することにより、様々に形を変えています。
まず、横には『colspan』というタグを使います。
例えば、下のようなテーブルがあるとします。
| テーブルタグ1 | テーブルタグ2 | テーブルタグ3 | | テーブルタグ4 | テーブルタグ5 | テーブルタグ6 | | テーブルタグ7 | テーブルタグ8 | テーブルタグ9 |
それを、1と2を結合します。
▼結合した例▼
| テーブルタグ1+2 | テーブルタグ3 | | テーブルタグ4 | テーブルタグ5 | テーブルタグ6 | | テーブルタグ7 | テーブルタグ8 | テーブルタグ9 |
縦には『rowspan』というタグを使います。
例えば、下のようなテーブルがあるとします。
| テーブルタグ1 | テーブルタグ2 | テーブルタグ3 | | テーブルタグ4 | テーブルタグ5 | テーブルタグ6 | | テーブルタグ7 | テーブルタグ8 | テーブルタグ9 |
それを、1と4を結合します。
▼結合した例▼
| テーブルタグ1+4 | テーブルタグ2 | テーブルタグ3 | | テーブルタグ5 | テーブルタグ6 | | テーブルタグ7 | テーブルタグ8 | テーブルタグ9 |
|
| テーブルに関するタグ |
|---|
