HTML パラグラフ

HTMLタイトル HTML スタイル

HTML ドキュメントを複数の段落に分割できます。

HTML 段落

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

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

試してみる

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

ヒント: 空の段落タグ <p></p> を使用して空白行を挿入するのは悪い習慣です。 <br /> タグに置き換えてください。 (ただし、<br /> タグを使用してリストを作成しないでください。心配する必要はありません。HTML リストについては後で学習します)。

終了タグを忘れないでください

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

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

試してみる

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

注: 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 コードに追加して出力を変更することはできません。

ページを表示するとき、ブラウザはソース コードの余分なスペースと空白行を削除します。 連続するスペースまたは空白行はすべて 1 つのスペースとしてカウントされます。 HTML コード内の連続する空行 (改行) もすべて 1 つのスペースとして表示されることに注意してください。

試してみる

(この例は HTML フォーマットの問題を示しています)

このページの例

HTML 段落
ブラウザで HTML 段落を表示する方法。
改行
HTML ドキュメントで改行を使用します。
HTML コードでの唐詩の組版
ブラウザは、HTML を表示するときに、ソース コード内の冗長な空白文字 (スペースやキャリッジ リターンなど) を省略します。

その他の例

その他の段落
段落のデフォルトの動作。

HTML タグ リファレンス

W3School のタグ リファレンスには、HTML 要素とその属性に関する詳細情報が記載されています。

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