headとbodyの違いは何ですか？

headはページの情報（タイトルなど）を書く裏方で、画面には表示されません。bodyは画面に見える中身を書く場所です。見せたいものはすべてbodyの中に書きます。

DOCTYPEを書き忘れるとどうなりますか？

多くの場合ページは表示されますが、ブラウザが昔のルールで表示する互換モードになり、見た目がずれることがあります。理屈は覚えなくてよいので、1行目に必ず書くと決めておきましょう。

ページの本文ではなく、ブラウザのタブの部分に表示されます。検索結果の見出しやブックマークの名前にも使われる、ページの名札です。

ここまでは <h1> を1行だけ書きました。でも本物のHTMLファイルには、じつは決まった型（テンプレート）があります。「タグをどこに書けばいいの？」——その答えが、ここでスッキリします。

どんなHTMLファイルも、だいたいこの形から始まります。丸暗記しなくて大丈夫。まずは「こういう外枠があるんだ」と眺めてください。

<!DOCTYPE html>
<html>
  <head>
    <title>わたしのページ</title>
  </head>
  <body>
    <h1>はじめてのページ</h1>
    <p>ここに本文を書きます。</p>
  </body>
</html>

いっぱいタグがありますが、役割ごとに見ればかんたんです。

タグ	役割
`<!DOCTYPE html>`	「これはHTMLの書類だよ」という最初のあいさつ（おまじないとして必ず1行目に）
`<html>`	ページ全体を包む、いちばん外側の箱
`<head>`	裏方の情報を書く場所（ページのタイトルなど。画面には出ない）
`<body>`	画面に見える中身を書く場所 ←★ここが主役

ここが今日いちばん大事なところ。見出し <h1>、段落 <p>、そして <div> のような「画面に見せたいもの」は、すべて <body> の中に書きます。

<body>
  <h1>大きな見出し</h1>
  <p>ふつうの文章。</p>
  <div>ひとかたまりのブロック。</div>
</body>

「<div> ってどこに書くの？」の答えは、<body> の中。逆に言うと、<head> の中に見出しを書いても画面には出てきません。見せたいものはbody、裏方の情報はhead——この住み分けさえつかめば、もう書く場所に迷いません。

この型でつまずくポイントは、だいたい決まっています。先に知っておけばこわくありません。