表組みのお勉強 

★  表組み(TABLE)はスペースを確保したり、並べて表示するのに便利です

1列 セル1

サイズを240×180に指定

例えば、ここに写真

1列 セル2

表示位置は縦軸に中央揃えされます

2列 セル1

縦幅は100に指定
例えば、ここに写真の説明

2列 セル2

縦幅を指定しないと、文字列の多いセルの高さに揃えられます

表組みのタグ命令は、ソースをご覧ください  <TABLE> 〜</TABLE>までです

  780×50のスペースをとってみました
枠線(BORDER)の表示を取っています

★  実際に、写真アルバムを作ってみましょう!

BGCOLOR命令で、背景色も指定できます

写真説明の文字列に合わせて、縦幅を指定します

BACKGROUND命令で、背景画像を貼りました
画像は GIFで 周りに背景が見える透過効果が分かるでしょう

BGCOLOR命令は pinkです


この要領で、1列・2列を繰り返して<TABLE>の中にコピーして、
必要なだけ「列」を増やしてゆきます

★  パソコン画面の 800ピクセルもあります。HomePageは WIDTH="780"を限度に表示するようにしましょう!
(先ず、WIDTH="780"の TABLEを組んで、その中にページを表示していきますが、このソースでは、
TABLEの横幅を 640にとどめ、CENTER 配置することで適用していません)

 
戻る