HTML pタグで段落を追加する方法｜書き方と例

📌

結論

テキスト で段落を作れます

見出しは書けたけど、本文はどう書くの？ — その答えが  タグです。

📝 実際のコードはこちら

<h1>Hello World</h1>
<p>はじめてのWebページです。</p>

pタグとは？

 はparagraph（段落）の略です。Webページの本文は、基本的にこの  タグで囲みます。ブログ記事、ニュース、商品説明…Webで読む文章のほとんどが  タグで作られています。つまり、<h1> と  の2つを覚えるだけで、Webページの基本構造が作れるんです。

タグ	役割	例え
`<h1>`	見出し	新聞の見出し
`<p>`	本文	新聞の記事本文

この2つはWebページの骨格です。見出しで内容を伝え、段落で詳しく説明する。これが基本パターンです。

段落を分けたいときは、タグを複数使います。

📝 実際のコードはこちら

<p>1つ目の段落です。</p>
<p>2つ目の段落です。</p>

Wordで改行する感覚で、段落ごとに  で囲めばOKです。

・は段落（本文）を表すタグ・<h1> +  でWebページの基本構造が作れる・段落を分けるには  を複数使う

見出しの下に はじめてのWebページです。 を追加してみましょう。

🧪 ここで試せます ─ 壊しても大丈夫！

下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。

■ 演習

見出しの下にはじめてのWebページです。という段落を追加してください。pタグで囲みます。

詰まったらヒント

pタグで段落を作ります。テキスト の形で、テキストの部分を書き換えてください。