文章の改行方法

「文章の見出しを書いてみよう」で書いたとおり、htmlを書くとき、文中でいくらEnterキーを 押して改行しても、実際に表示させると改行されることはありません。 だからといってたまに全角スペースで無理やり間隔を空けようとする人がいますが、 非常にナンセンスです。

改行するにはどうすればいいのでしょうか。 文を強制的に改行させるBR要素というものがあります。タグは<br>です。終了タグがない珍しい要素です。

実際に書いてみよう

それではBR要素を実際に書いてみましょう。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta htt-equiv="content-type" content="text/html; charset=Shift_JIS">
<meta name="description" content="">
<meta name="keywords" content="html,てーこく">
</head>
<body>
<h1>htmlのお勉強</h1>
<h2>p要素の練習</h2>
<p>おはようございます。今日はいい天気ですね。</p>
<p>今日も一日がんばりましょー。</p>
<h2>br要素で改行</h2>
<p>
朝<br>
昼<br>
夜
</p>
</body>
</html>

表示例

これで朝と昼と夜は改行されて縦に並んで表示されます。

単に改行させるならBR要素を使う必要はない

ですが、文章を書いていて改行したくなるのはどんなときでしょうか。試しに新聞やまともな本を 見てください。段落が変わるときに改行されていることが多いと思います。

つまり、文章を書いていて改行したくなるのは大体は段落を変えたいときなので、 段落を変えるならBR要素で強制的に改行するのではなく、 P要素を使うべきです。 それ以前に文中で必要以上に改行しないようにしましょう。かえって見辛いかもしれません。

しかし、BR要素を使っている人は非常に多いです。それは単にBRタグを打つのが手っ取り早いのと、 スタイルシートを知らないがために、 P要素は単に改行されて一行空くためのタグだと勘違いしているためでしょう。 P要素で一行空くのはスタイルシートで どうにでもできるので、 段落を変えるために改行するにはBR要素ではなく、P要素を使うのが正しいです。

もう一つ、ただ単に縦の間隔をあけるためにBRタグをいくつも連続して書いている人がたくさんいますが、 これもナンセンスです。 BR要素はそういう使い方をするものではありません。 デザイン的な意味で間隔を空けたいのならスタイルシートを使うべきです。

また、無料のレンタルサーバー（HPスペース）を利用している方で、 BRタグを使って広告の位置を下げている方がいますが、立派なルール違反です。見つかると サイトごとアカウントを消される可能性があります。絶対にしないようにしましょう。

いかにBR要素を使わないでサイトを作るかが、初心者から抜け出す方法だと書いても言い過ぎではないでしょう。

へてむるクリエイターでのbrタグ

右クリックして「タグの挿入」の「レイアウト」にある「改行」で挿入できますが、 あるいはタグパレットの「カスタム」の左から6番目のアイコンか、「レイアウト」の左から9番目のアイコンです。 が、それよりもShiftキーを押しながらEnterキーを押すだけで、てっとり早くbrタグを入力することができます。

HOME