HTML段落


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


HTML 段落

段落は、<p> タグによって定義されます。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>

</body>
</html>

例の実行 »

「例の実行」ボタンをクリックしてオンライン例を表示します

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


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

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

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>这是一个段落
<p>这是另一个段落

</body>
</html>

インスタンスを実行する »

[インスタンスを実行] ボタンをクリックしてオンライン インスタンスを表示します

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

注: HTML の将来のバージョンでは、終了タグの省略は許可されなくなります。


HTML 改行

新しい段落を作成せずに改行 (改行) を行う場合は、<br /> タグを使用します:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p>这个<br>段落<br>演示了分行的效果</p>

</body>
</html>

例を実行する»

[サンプルの実行] ボタンをクリックしてオンラインサンプルを表示します

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

<br/>タグについて詳しくは、【HTML辞書】の<br/>タグの詳しい説明をご覧ください。


HTML 出力 - 使用上のリマインダー

表示されている HTML の正確な効果を判断することはできません。画面のサイズやウィンドウの調整によって、結果が異なる場合があります。

HTML では、HTML コードに余分なスペースや改行を追加して出力を変更することはできません。

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

試してみる

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


このサイトの例

HTML 段落
ブラウザーで HTML 段落を表示する方法。

改行
HTML ドキュメントでは改行を使用します。

HTML コードでの唐詩の書式設定
ブラウザーが HTML を表示すると、ソース コード内の冗長な空白文字 (スペースや復帰など) が省略されます。

その他のインスタンス

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


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

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

タグ 説明
<p> 段落を定義する
<br> 単一の段落を挿入改行 (改行) )