HTML 段落

HTMLドキュメントをいくつかの段落に分割できます。

HTML 段落

段落は <p> タグで定義されます。

<p>これは段落です</p>
<p>これは別の段落です</p>

実際に試してみる

注釈:ブラウザは自動的に段落の前後に空行を追加します。(<p> はブロック要素です)

ヒント:空の段落タグ <p></p> を使用して空行を挿入することは悪い習慣です。代わりに <br /> タグを使用してください!(ただし、リストを作成する際には <br /> タグを使用しないでください。急がないで、後でHTMLリストについて学びます。)

終了タグを忘れないように

終了タグを使用しなくても、ほとんどのブラウザでは正しくHTMLが表示されます:

<p>これは段落です</p>
<p>これは別の段落です</p>

実際に試してみる

上記の例はほとんどのブラウザで問題ありませんが、この方法に依存しないでください。終了タグを使用しないと予期せぬ結果やエラーが発生する可能性があります。

注釈:将来のHTMLバージョンでは、終了タグを省略することは許可されません。

ヒント:HTMLを閉じるタグを使うのは、将来のHTMLバージョンでも有効なHTML記述方法です。要素がどこから始まるか、どこで終わるかを明確に記載することで、コードがより理解しやすくなります。

HTML 折行

新しい段落を生成せずに改行したい場合は、<br />タグを使用してください:

<p>これは<br />改行のある<br />段落です</p>

実際に試してみる

<br>要素は空のHTML要素です。終了タグがないため、終了タグはありません。

<br>または<br>

おそらく<br>と<br>は非常に似ています。

XHTML、XMLおよび将来のHTMLバージョンでは、終了タグ(閉じタグ)のないHTML要素を使用することは許可されていません。

すべてのブラウザで<br>が問題なく表示される場合でも、<br>を使用することはより長期的な保証

HTML出力 - 有益なヒント

HTMLが実際にどのように表示されるかは特定できません。スクリーンのサイズやウィンドウの調整などが異なる結果を引き起こす可能性があります。

HTMLの場合、HTMLコードに追加のスペースや改行を追加することで出力の効果を変更することはできません。

ページを表示する際、ブラウザは以下を削除しますソースコード内余分なスペースや空行。すべての連続したスペースや空行は一つのスペースとして計算されます。特に注意すべきは、HTMLコード内のすべての連続した空行(改行)も一つのスペースとして表示されることです。

実際に試してみる

(この例はHTMLのフォーマット化に関する問題をいくつか示しています)

このページからの例

HTML 段落
ブラウザ内でHTML段落を表示する方法
改行
HTMLドキュメント内に改行を使用する
HTMLコード内に版面を整える一首の唐詩
ブラウザがHTMLを表示する際、ソースコード内の余分な空白文字(スペースや改行など)は省略されます。

さらに例

さらに段落
段落のデフォルトの動作

HTMLタグリファレンスマニュアル

CodeW3C.comのタグリファレンスマニュアルは、HTML要素及其属性に関する詳細な情報を提供します。

タグ 説明
<p> 段落を定義します。
<br /> 単一の折り返しを挿入します(改行)。