テーブルについて

　　Web site作成講座　　テーブルについて

テーブル（表）の作成について説明します。

色については、カラーチャートを参照してください。

6-1　普通のテーブルです。

普通のテーブルです

6-2　応用編です。

こんな感じの表になります

例では、表の枠＝10、幅＝300、高さ＝10にしています。
枠の太さは０から20まで指定できます。枠の太さをうまく利用すれば、額縁のような効果を得られます。

6-3　応用編　２です。

いかがですか。

いかがですか。表の中と文字に色をつければ、また変わった趣になります。
これは枠の太さは20にしました。また表の中の色は白、文字は赤です。

6-4　テーブルに色をつける方法です。

複数のテーブルを別々の色で表示する場合は、それぞれのテーブルに　BGCOLOR=色の名前　で指定します。

6-5　色の応用編です。

こんな感じです

このように、枠を2色で指定することもできます。

6-6　テーブルを増やす方法です。

こんな

感じに

表示されます

<TD>文字</TD>を増やせば、いくらでも追加できます。

6-7　各テーブルの幅を変更するにはこうします。

ここは100

ここは150

ここは200

WIDTH=数字に希望する幅の数字を入力して下さい。

6-8　テーブルの行を増やす方法です。

一行目の左	一行目の右
二行目の左	二行目の右

<TR>文字</TR>を増やせば、いくらでも追加できます。

行の高さを変更するには、HEIGHT=希望の高さの数字　で変更できます。
記述は　<TD HEIGHT=数字>　となります。お確かめ下さい。
また、横幅と高さを同時にしてすれば両方とも一括で変更できます。
記述は　<TD HEIGHT=数字　WIDTH=数字>　となります。お確かめ下さい。

6-9　テーブルを利用した見出しの作り方です。

はじめに

テーブルの背景色や文字色を変えると、色々な見出しが出来ます。
また、フォントサイズやスタイルも自由に変更できます。
応用して使ってみてください。

6-10　テーブルを利用した見出しの作り方Ⅱです。

いかがですか。うまく出来ますでしょう。

6-11　テーブルを利用した区切り線の作り方です。

サイズ＝１　幅＝400　色＝赤　の設定です。

サイズ＝5　幅＝400　色＝黄色　の設定です。

6-12　テーブルを利用してこのようなグラデーションも出来ます。

幅と色の指定を徐々に変えていけば出来ます。

少しカラフルな線です。設定は上と同じですが、色と幅を少し変えるだけです。。