テーブルレイアウト

      

「銀座菓楽」のサイトを利用させて頂きます。スライスして画像のみを書き出します。
この場合3つのテーブルに分けて作ります。

  1. 1つ目のテーブル(ロゴとナビゲーション、メインイメージ)
  2. 2つ目のテーブル(トピックスとバナー)
  3. 3つ目のテーブル(著作名)

1.テーブルには幅、高さを指定する。
2.画像に幅と高さを指定する。
2.「td」に「align」、「border」はHTMLで設定しない。CSSで設定する。
3.「td」の中には何かが入っていればHTMLで書いた幅、高さは保たれる。
4.rowspan(縦方向で結合)はあまり使用しない。
5.「summary」は必須。テーブルの詳しい説明
6.1pixel×1pixelの透明gifを作り、名前は「spacer.gif」とつける。何も入っていない「td」の中に入れてレイアウトを崩れないようにする。altは空にする。(読み上げ機能で読まれてしまう為)