×閉じる
br さて、ここでは例文を交えて詳しくbrタグ(以下<br>)について解説していきますよ。

もう一度確認しますが、<br>は文章や画像を改行する為のタグです。
皆さんが編集している、ソース上でどれだけ改行しても、<br>がなければWeb上では改行されないんですよ。

まず始めに、 <br>を使わないとWeb上でどうなってしまうのかを確認してみましょう。
左が<br>を使った場合、右が<br>を使わなかった場合となります。
下のボックスの中には、それぞれのソースが表示されています。参考までに見てみて下さい。


[Sample1] [Sample2]
色は匂へど　散りぬるを
我が世誰ぞ　常ならん
有為の奥山　今日越えて
浅き夢見じ　酔ひもせず
 色は匂へど　散りぬるを 我が世誰ぞ　常ならん 有為の奥山　今日越えて 浅き夢見じ　酔ひもせず


brどうですか？その差は一目瞭然ですよね。
改行ができないと、一文がとても長くなるので読みにくくなってしまいます。

改行したい文末に<br>を挿入するだけです。
始めのうちは少し面倒に思うかもしれませんが、とても大切なタグなのでお忘れなく。

次に、画像の場合を見てみましょう。
上記と同じく、左が<br>を使った場合、右が<br>を使わなかった場合です。
ボックスの中も合わせて確認してみて下さいね。


[Sample3] [Sample4]





画像も、文字と同じく<br>がないと改行されません。
改行したい時は<br>と覚えておいて下さいね。

お気付きになられたと思いますが、いずれの例も、ソース上で同じ回数改行しています。
ソース上だとどれだけ改行してもWeb上では改行できませんが、ソース上で改行した部分は、
Web上だと若干空白ができるんです。
上記の画像の例が分かりやすいかと思いますが、それが気になる方はソース上の改行は控え目に。

以上で<br>の説明は終わりです。
とても役立つタグですので、絶対に忘れないで下さいね。

×閉じる