HTML では文書を複数の段落に分割できます。HTML では段落タグ <p> を使用して文書の内容を複数の段落に分割できます。構文形式は次のとおりです。
<p>段落、内容。 </p>
段落タグは開始タグ<p>と終了タグ</p>で構成されており、開始タグと終了タグの間の内容が段落となります。段落タグは、Web 上に記事を公開するときに使用する非常に基本的なタグです。
セクション:
1. HTML 段落は <p> タグによって定義されます。
注: ブラウザは段落の前後に空白行を自動的に追加します。 (</p> はブロックレベルの要素です)
2.終了タグを忘れないでください
終了タグの使用を忘れた場合でも、ほとんどのブラウザでは HTML が正しく表示されます。
<p>これは段落です<p>これは別の段落です
実行結果を次の図に示します。
上記の例はほとんどのブラウザで正常に動作しますが、このアプローチに依存しないでください。終了タグの使用を忘れると、予期しない結果やエラーが発生する可能性があります。
注: HTML の将来のバージョンでは、終了タグの省略は許可されなくなります。
3. HTML 行の折り返し
新しい段落を作成せずに(改行を)折り返す場合は、<br> タグを使用します。
例:
<p>この<br>段落<br>では分岐の効果を示します</p>
実行結果を次の図に示します。
<br /> 要素は空の HTML 要素です。終了タグは意味がないので、終了タグはありません。
4. HTML 出力 - リマインダーの使用
表示されている HTML の正確な効果を判断することはできません。画面のサイズとウィンドウの調整により、結果が異なる場合があります。
HTML では、HTML コードに余分なスペースや改行を追加して出力を変更することはできません。
ページを表示するとき、ブラウザはソース コードから余分なスペースと空白行を削除します。連続したスペースまたは空行はすべて 1 つのスペースとしてカウントされます。 HTML コード内の連続する空行 (改行) もすべてスペースとして表示されることに注意してください。
<!DOCTYPEhtml><html><head><metacharset=utf-8><title>C 言語ネットワーク (dotcpp.com)</title></head><body><h1>春晓</h1><p>春に眠っていると、夜明けに気づきません。<p>どこからでも鳥の声が聞こえます。 <p>夜になると風と雨の音が聞こえます。<p>どれだけの花が落ちたでしょう。 <p></p><p>ブラウザはソース コード内のタイポグラフィを無視することに注意してください (無関係なスペースと改行は省略されます)。 </p></body></html>
実行結果を次の図に示します。
5. 段落内の空白
デフォルトでは、段落タグはテキスト内の空白文字を結合し、複数の連続する空白文字を 1 つのスペースとして表示します。具体的なパフォーマンスは次のとおりです。
(1) 段落内に複数の連続したスペースが出現する場合、ブラウザはこれらのスペースを無視し、1 つだけを保持します。
(2) 段落内に複数の連続した改行がある場合、ブラウザはこれらの改行をスペースに変換します。
表示例:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>C 言語ネットワーク (dotcpp.com)</title></head><body><p>C 言語ネットワーク (dotcpp.com) 、オンライン学習プログラミング Web サイト、URL: <ahref=https://www.dotcpp.com/target=_blank>https://www.dotcpp.com/</a></p><p>C 言語Web サイトでは現在、HTML、C 言語、C++、JavaScript、その他のモジュールを含む、<b>約 15</b> のモジュールのチュートリアルをリリースしています。<ahref=https://www.dotcpp.com/course/target= _blank > すべてのチュートリアルを表示するには、ここをクリック</a>してください。 </p><p>私たちの目的: 誰もが現実的な方法でプログラミングを学べるウェブサイト。 </p></body></html>
実行結果を次の図に示します。