TIPS & HINTS

表のセルに壁紙を使う
HINTS for HTML Bigginers

 
 


さて、上のタイトルをご覧下さい。

タイトルバナーの画像を作って貼り付けているわけではありません。
これは第一章「文字を載せにくい壁紙に文字を書く」で述べたテーブルタグ(表)の「背景の指定」の応用です。
第一章ではセルの背景色に「色」を指定しましたが、
色の代わりにこのように壁紙を指定してやるとバナーのような効果を得ることもできるのです。

テーブルタグをよく知り、上手に使えば、それだけでWEBデザインの可能性はグンと広がります!
ぜひぜひ仲良くなってほしいタグなのであります^^

さて、テーブルタグでの背景画像の指定のタグはどのように書くかと申しますと、
第一章に再び戻っていただき、

 

背景色を指定する「bgcolor=6桁の背景色指定値」の代わりに
background="あなたのHPの、背景画像の置いてあるURL/画像の名前.gif"

 


これだけでOKです^^

 


これをさらに活用して、いろんな表を作ってみましょう。

たとえば、

 

紺色

 

紫色

赤色

若草色

・・というように、セルごとに壁紙を貼っても楽しいですね♪
ただし、あまり悪ノリしてたくさんやると、それだけ表示が重たくなってしまうことを忘れずに・・^^
(この表を作るためのタグをどう書いているかもお知りになりたい方は、このページのソースをご覧になってくださいね)

 

あと、このページに使っているような、いわゆる「片側壁紙」を使うとき、
左の画像部分にテキスト(文字)が絶対にかぶらないようにするためにも、大活躍してくれるのがこのテーブルタグです。
このページの本文も、実は表の中のセルに書いてあるんですよ^^
わかりやすいように罫線を出すため、この部分だけ表の罫線の太さを2(border=2)にしてみました。
左の画像部分が100ピクセルあるため、左のセルの幅を100ピクセルに指定してあるだけの表です。

目次ページには、
ブラウザの「戻る」ボタンで戻ってくださいね^^