中級第3章 :その他オプション


ここでは中級章で学んだ中の、ちょっとした小技(アレンジ)を紹介していきます。
そのちょっとしたアレンジで、更にバリエーションも広がりますし同時に楽しくもなります。
知って損はないと思いますよ!(笑)
例えばテーブル内の1個のセルだけに、バックカラーを設定するとします。
<TD bgcolor="red"
テーブルの設定章で学んだ中で、この記述を使うことで更にキレイなテーブルが出来上がります。
この赤字部分でそのセルの中は「赤色」で塗りつぶされます。
つまり、全部のセルにこの指定を入力すれば当然全部のセルを色付けすることが出来るわけです。
次はテーブル内での画像の位置付けです。
<TD valign="top"><IMG src="○○.gif"></TD>
この赤字の部分が「テーブル内での画像の位置付け」を表しています。
このページのコメントが書かれた部分を見て下さい。
コメントの両サイドに「黄色い小さな天使(?)」のような画像があるのが分かりますか?
この画像は現在「top」に設定してあります。
「top」とはセルの縦幅の中で一番上に表示させる命令です。
今まではエリア指定する際には「align」を使用しましたが、テーブルでは「align」の頭に「v」が追加されます。
セル縦幅のちょうど真ん中に画像を配置したい場合は「valign="middle"」。
縦幅に対し画像を一番下に配置したい場合は「valign="bottom"」です。


中級第2章に戻る〜♪ トップに戻る〜♪ 質問BBSへ〜♪