HTML 段落
HTML では、文書を複数の段落に分割することができます。段落は、読者にとって文章を整理しやすくするための重要な要素です。
HTML 段落の定義
段落は <p> タグを使用して定義されます。このタグを使うことで、テキストを独立した段落として表示することができます。
例
<p>これは一つ目の段落です。</p><p>これは別の段落です。</p>
注釈
ブラウザは段落の前後に自動的に空行を追加します。これは、段落を他の内容と視覚的に区別するためです。<p> タグはブロックレベルの要素であり、独立したブロックとして扱われます。
終了タグを忘れない
ほとんどのブラウザは、終了タグを忘れてもHTMLを正しく表示しますが、終了タグを忘れないようにすることが重要です。
例
<p>これは一つ目の段落です<p>これは別の段落です
上記の例は多くのブラウザで問題なく表示されますが、このような方法に頼らない方が良いです。終了タグを忘れると、予期しない結果やエラーが発生する可能性があります。将来のHTMLバージョンでは、終了タグを省略することは許可されないかもしれません。
HTML 折り返し
新しい段落を作成せずに行を折り返す場合は、<br> タグを使用します。
例
<p>この<br>段落は<br>行の折り返しを示しています。</p>
注釈
<br> 要素は空のHTML要素であり、終了タグはありません。閉じタグがないため、単独で使用されます。
HTML 出力の注意点
HTMLの正確な表示結果を予測することはできません。画面のサイズやウィンドウの調整によって、表示が異なる場合があります。
HTMLでは、余分な空白や改行を追加しても、出力結果には影響しません。ブラウザはソースコード内の連続する空白や改行を一つの空白として扱います。
例
<p>これは 余分な 空白を含む 段落です。</p><p>これは複数の改行を含む段落です。</p>
ブラウザはこれらの空白を一つの空白として表示します。
例
以下に、いくつかのHTML段落に関する例を示します。
HTML 段落
ブラウザでHTML段落を表示する方法。
<p>これは一つ目の段落です。</p><p>これは二つ目の段落です。</p>
折り返し
HTML文書での行の折り返し方法。
<p>この<br>段落は<br>行の折り返しを示しています。</p>
HTMLコードの中で唐詩をレイアウト
HTML表示中、ブラウザはソースコード中の余分な空白文字を無視します。
<p>春眠不覚暁<br>処処聞啼鳥<br>夜来風雨声<br>花落知多少</p>
HTML タグ参考手冊
タグ |
説明 |
<p> |
段落を定義 |
<br> |
改行を挿入 |
このチュートリアルの後の章では、HTMLタグとその属性に関する詳細情報を学ぶことができます。
このように、HTMLの段落とその関連要素について理解することで、より良いウェブページを作成することができます。
Q: HTMLで段落を定義するためにどのタグを使用しますか?
A: HTMLで段落を定義するためには、<p> タグを使用します。このタグはテキストを独立した段落として表示します。
Q: 新しい段落を作成せずに行を折り返すにはどうすればよいですか?
A: 新しい段落を作成せずに行を折り返すには、<br> タグを使用します。このタグは改行を挿入し、テキストを次の行に移動させます。
Q: HTMLで余分な空白や改行を追加すると、出力結果に影響しますか?
A: いいえ、HTMLでは余分な空白や改行を追加しても出力結果には影響しません。ブラウザはソースコード内の連続する空白や改行を一つの空白として扱います。