body
初級読み方：ボディ｜英語：Body
ブラウザの画面に表示される内容を書く場所だよ。いつ使う？ HTMLファイルを作るとき必ず使う。見出し、文章、画像、リンクなど、ユーザーに見せたいものは全部<body>の中に書くよ。間違いやすいポイント: <body>タグは1つのHTMLファイルに1つだけ。2つ書いてしまうとブラウザが混乱するよ。また、<script>タグは</body>の直前に書くのがおすすめだよ。
やさしい説明
body（ボディ）タグは、ブラウザの画面に表示される内容を書く場所です。ユーザーが目にするものは、すべてbodyの中に入っています。
headが「裏側の設定」だとすると、bodyは「表舞台」です。見出し、文章、画像、リンク、ボタン、動画——ページに表示したいものは全部ここに書きます。
ノートに例えると、headは表紙の裏に書いた名前や日付、bodyはノートの中身（本文）です。読む人が見るのはbodyの部分だけです。
1つのHTMLファイルにbodyタグは1つだけ。headの後に書きます。
図解：headとbodyの役割
具体例・使い方
bodyの中にページの内容を書いていきます。
<body>
<h1>文化祭のお知らせ</h1>
<p>今年の文化祭は10月15日です。</p>
<img src="poster.jpg" alt="文化祭ポスター">
<a href="schedule.html">スケジュールを見る</a>
</body><h1>→ 見出し（ページのタイトル）<p>→ 段落（文章のかたまり）<img>→ 画像<a>→ リンク（クリックで別ページへ）
いつ使う？
HTMLファイルを作るたびに必ず書きます。「ユーザーに見せたい内容」を追加するときは、いつもbodyの中に書きます。自己紹介ページ、ブログ記事、ゲームの画面——何を作るにもbodyが必要です。
間違いやすいポイント
❌ bodyの外に内容を書いてしまう
<!-- ❌ bodyの外に書くと正しく表示されないことがある -->
</body>
<p>ここに書いちゃダメ</p>
</html>
<!-- ✅ 必ずbodyの中に書く -->
<body>
<p>ここに書く</p>
</body>❌ bodyタグを2つ書いてしまう
bodyタグは1つのHTMLファイルに1つだけです。2つ書くとブラウザが混乱して、予期しない表示になることがあります。
よくある疑問
Q: bodyの外に書いたらどうなる？
A: ブラウザが自動的にbodyの中に移動させますが、正しいHTMLではありません。必ずbodyの中に書きましょう。
Q: bodyに直接スタイルを書いていい？
A: <body style="...">と書くこともできますが、CSSファイルに分けて書くのが良い習慣です。管理しやすくなります。
Q: bodyの中の書く順番は決まっている？
A: 自由ですが、一般的にはheader→main→footerの順に書きます。ページの上から下に向かって書くとわかりやすいです。
関連用語
📖 関連レッスン
レッスンを見る →