6.3 表をレイアウトに利用する

1. 資料：吉田先生のページ
2. 資料：「ホームページキッチン」のHTMLテンプレート参照

表を利用したレイアウト例１

6枚の写真を使って、「花のいろいろ」というページを作成します。
写真を表を使って表示すると、大変整理されたページになります。

1. まづ3列 4行の表を作成します。
2. この、1行目と3行目の<td> と <td> の間に、写真を張り付けます。
3. 写真の背景や、ページの背景、あるいは 線を入れるか否かを判断してそれぞれのタグに属性を書き込みます。

例えば、次のように！

• 表を使わない写真の表示

• 表に写真を入れる
• 表に写真を入れる。線を除く
• 表に写真を入れる。線を除く。背景を黒、字を白に。

この例では、写真の幅を200に縮小しています。

表を利用したレイアウト例２

同様に、ページ全体をレイアウトすることもできます。

• 表をトップページのレイアウトに利用した例
• 表をトップページのレイアウトに利用した例(表の線を除く)

表を利用したレイアウト例３

これは、資料「ホームページキッチン」を利用して、作成されたページ表紙です。ここ