段落と改行

文章のかたまりは p で包む

本文の文章は p タグで包みます。p は paragraph、つまり段落のことです。HTML では、文章を書いてエンターキーで改行しても画面上は改行されません。ブラウザは連続した空白や改行をまとめて 1 つの空白として扱うからです。だから「ここからここまでが 1 つの段落」とタグで伝えてあげる必要があります。

p で包むと、前後に自動でほどよい余白が入り、文章のかたまりが目で見て分かるようになります。

段落の中で行を変えたいときは br

同じ段落の中で行だけ変えたいときは br を使います。br は文字をはさまないので、終了タグがありません。こういうタグを空要素と呼びます。

br は「見た目を整えるための改行」なので、使いすぎに注意します。話題が変わるところは br ではなく、新しい p に分けます。

自己紹介を書こう

名前の下に肩書きの p を 1 つ、自己紹介の見出しの下に本文の p を 1 つ置きます。本文の 1 行目のうしろには br を入れて、名乗りの行と学びの話を分けてみましょう。

1. h1 のすぐ下に p で「Web エンジニアを目指しています」を追加する
2. 自己紹介の h2 の下に p で自己紹介文を追加する
3. 自己紹介文の 1 行目の終わりに br を入れて改行する