pタグとbrタグで改行する –html

Pocket

htmlで改行する手法として<p></p>とで囲むpタグ(パラグラフタグ)を使う手法と<br>タグで改行する手法とがあるが、見え方が異なったのでメモがわりに。

<p>これは例文です。

  タグを使わずに改行しても改行は反映されない。
</p>
<p>ここで改行している。改行ではあるが空白が存在している。</p>

<p>今度は文章中で改行する。</p>
<p>今度は文章中で<br>改行する。</p>

これを表示させると以下の通り。


これは例文です。

タグを使わずに改行しても改行は反映されない。

ここで改行している。改行ではあるが空白が存在している。

今度は文章中で改行する。

今度は文章中で
改行する。


このように改行をするとpタグで分けると段落ごとに分けるという感じで行と行の間に1つ行間が発生する。
文章中の<br>タグは1つだけ下にシフトするわかりやすい改行。

1つ賢くなった。

Pocket