概要

<p> タグは、HTML文書内で段落（パラグラフ）を示すための要素です。
テキストのまとまりを論理的に分けて表現し、文書の可読性を高める役割を担います。

基本的な使い方

See the Pen pタグについて by 西野, WEBデザイン (西野 誠) (@-WEB-the-vuer) on CodePen.

<p>これは段落として表示されるテキストです。</p>

改行や別の話題への切り替え時に、<p> タグで囲むことで、読みやすい文章構造を作成できます。

出力される内容の例

この文章はパラグラフとしてレンダリングされます。

役割とメリット（定義リスト形式）

文書の構造化

文章のまとまりごとに分けることで、文書の意味構造が明確になります。

視認性の向上

ブラウザが適切に余白を挿入して段落を区切ってくれるため、読みやすくなります。

HTML標準タグ

段落表現に最も適したタグで、マークアップの基本として重要です。

スタイリングが容易

p 要素は CSS で自由にフォントサイズや行間、マージンの調整が可能です。

注意点

• <p> タグの中に別のブロック要素（例：<div> や <table>）を入れることは非推奨です。
• 自動挿入される場合もあるため、不要な改行が発生することがあります（特にWordPressやWYSIWYGエディタ利用時）。
• 連続する複数の段落はそれぞれ別の <p> タグで囲む必要があります。

まとめ

<p> タグは、HTMLで最も基本的なテキスト表示用タグであり、読みやすい文書構造を作るために不可欠です。
正しい使い方を意識することで、ユーザーの視認性向上やSEOにも好影響を与えるタグです。