←クリックください。
目標で見える作品を、実際に自身のコンピュータの中へ、exchange.htmのファイル名で作成してみましょう。
次のように作成しています。
- 作品全体をdivに入れて、そのdivの幅を600pxにしています。
- h1のmarginを 0pxにして、divに入れ、それをまたdivに入れいます。borderはそれぞれのdivに施しています。
- 画像とボタンは、一つのtableになっています。
- 先頭の一行に空のtdを20個並べています。画像やボタンのその後の行でcols="2"のtdに入れています。
- tdの幅を26pxにし、td.w2の幅を52pxにしています。td.w2はcols="2"で指定するクラス名です。