ページを領域に分ける

領域を作るのに使うのが <div> タグ。これはそれ自体に意味を持たない、ただの箱だよ。

<h1> が「見出し」、<p> が「段落」という意味を持つのに対して、<div> は「まとめただけ」。だから何にでも使える。

<div> だけでは、どの領域なのか区別できない。そこで class で名前をつける。

名前がつけば、CSSからその領域だけを狙って色や大きさを指定できるようになるよ。

<div> の中には、これまで覚えたタグを何でも入れられる。見出し、段落、リスト、画像、リンク——ぜんぶ入る。

中に入れたタグは半角スペース2つぶん下げて書くと、どこまでがその領域か目で見て分かるよ。

<div> を3つ縦に並べれば、ページの土台ができる。あとはそれぞれに背景色や高さを与えて区切りを見せていこう。

中身より先に入れ物から作る。この順番を覚えると、大きなページでも迷わなくなるよ。