アクセスアップのためのブログで使えるHTML研究 【その４】 TABLEタグの使い方 背景を有効に使う・きれいに見せる

アクセスアップのための
ブログで使える
HTML研究　【その４】　
TABLEタグの使い方　
背景を有効に使う
きれいに見せる

“レンゲさんの『愛』と『心』のエデン”という記事を覚えているでしょうか？

その中で次のような画像を表示していました。

今これを読んでいるあなたが

『アリスの不思議な国』ではなく、

『レンゲさんの愛と心のエデン』に

足を踏み入れることも充分に

考えられるのです。

そういうわけなので、

ここにあるスレッドを読むことは、

あなたの『愛と心の扉』を

開けることになるかもしれません。

じゃあ、一緒に扉を開けましょうねェ。

下の扉をクリックしてください。

実はこの上の画像は背景画像を使っています。

＜table background=../images/blocks.jpg 　　　　　border=0 width=100% height=604＞
＜tr＞＜td align=center＞
＜a href=ｈttp://barclay.com/renge1/tree.php?all=499
　　 target=EDEN＞
＜img border=0 src=../images/portal03.jpg＞＜/a＞
＜/td＞＜/tr＞
＜/table＞

注意：　＜　と　＞　は全角を使って表示しています。
　　　　　実際には半角の記号を使ってください。
　　　　　このままコピーしてもうまく表示しません。

背景を取り除くと次のようになってしまいます。

背景はどのようにして作ったのか？
実は下で矢印で示した部分をグラフィック・ソフトで正方形に切り取ったのです。

../images/blocks.jpg
この上の正方形が背景画像です。

ではシャロンさんに登場してもらって次のデモをやりたいと思います。

上の紅葉の写真から一部を切り取って次のような小さなブロックを作ります。
これを背景画像に使います。

このブロックを使ってシャロンさんを紅葉を背景にして立ってもらう事にします。

次のようになります。

上の背景画像に次のブロックを使っています。

上の背景画像に次のブロックを使っています。

上の背景画像に次のブロックを使っています。

あなたも、お気に入りのグラフィックソフトを使って試してみてくださいね。

---

レンゲさんの愉快で面白い、そして悩み多いバンクーバーの日々は
次のリンクをクリックして読んでください。

■　『レンゲのバンクーバー紀行』

バンクーバーから戻ってきたレンゲさんの新しい悩みは次のリンクをクリックして読んでください。

■　『夢のバンクーバー“後記”』

レンゲさんを芸術的に観賞するには次のリンクをクリックしてください。

■　『レンゲさん、あなたは実はメチャ美人なんですよ！』