pの概要
| 段落を作成する HTMLタグ | ||
|
<p>テキスト</p> 概要 pタグは、HTML文書内で段落を作成するために使用される基本的なタグです。テキストを論理的に区切り、読みやすくするために使用されます。 |
||
|
pタグの主な属性
| 属性 | 説明 | 使用例 |
|---|---|---|
align（非推奨） |
段落の配置を指定（現在はCSSを使用） | <p align="center">中央寄せ</p> |
pタグの基本的な使い方
以下の例では、pタグを使って複数の段落を作成しています。
<p>これは最初の段落です。</p>
<p>これは次の段落です。</p>実行例：
これは最初の段落です。
これは次の段落です。
pタグの応用：インライン要素との組み合わせ
pタグの中に強調や色付きテキストを含めることができます。
<p>この文章には <strong>強調</strong> と <span style="color: red;">赤いテキスト</span> が含まれています。</p>実行例：
この文章には 強調 と 赤いテキスト が含まれています。
注意事項
- pタグの中にブロック要素（
divやh1など）を入れることはできない。 - 連続したpタグは、ブラウザによって適切にマージンが適用される。
- 段落のレイアウト調整は、CSSの
marginやpaddingを利用する。 - 中央寄せなどの配置は
align属性ではなく、CSSのtext-alignを使用する。
よくある質問
- Q: pタグ内にh1タグを入れてもいいですか？
- A: いいえ、pタグ内にh1タグなどのブロック要素を入れることはできません。
- Q: pタグの中で改行するにはどうすればよいですか？
- A:
<br>タグを使用すると、段落内で改行できます。 - Q: pタグはネストできますか？
- A: いいえ、pタグの中にpタグを入れることはできません。
- Q: 段落の間隔を調整するには？
- A: CSSの
marginを使用して調整できます。 - Q: align属性はまだ使えますか？
- A: align属性は非推奨のため、CSSの
text-alignを使用するのが推奨されます。
まとめ
pタグはHTMLで段落を作成するためのタグ。- ブロックレベル要素のため、pタグの間には自動的に余白が追加される。
- pタグの中にブロック要素（div, h1 など）を入れることはできない。
- 中央寄せやスタイルの変更はCSSを使用して行うのが推奨される。
- 文章を適切に分割し、読みやすいページを作成するのに役立つ。