ページの構造
ホームページは、どういう作りになっているのでしょう？
各ページは実は２つの「箱」からできているのです。
それは、「head」という箱と「body」という箱です。
「head」箱でそのページの設定をし、「body」箱で中身を記述するのです。
以下で「body」の解説をしましょう。
「body」箱の中は、「div」という小さい箱で整理しよう。
さらに、「div」箱は、「p」箱を初めとする、いろんな最小箱で整理します。
ちなみに、「div」箱の中にはさらにまた、「div」箱を入れることができます。
イメージとして左の画像を見ると良く分かるでしょう。
各ページは、実はこんなに単純な作りになっているのです。
忘れてはいけないことは、「どこからどこまでが１つの箱なのか」を必ず書いておかなければいけないということです。
「<body>〜</body>」「<div>〜</div>」「<p>〜</p>」のように、「/」で閉じることで、そこまでが箱だと分かるのです。
では、最も簡単なホームページを作ってみます。
<head></head>
<body>
<div>
ホームページです。
</div>
</body>
これで、「ホームページです」と書かれただけのページが出来上がりです。
その、それぞれの箱を、どこにどのように配置するのかなど、デザインはすべてCSSで行うのです。
各ページの構造は、
実は非常に単純
なのです。
smile@ais-co.biz
