HTML 改行 – タグを使って改行する方法

原文: HTML New Line – How to Add a Line Break with the
Tag

HTML で タグを使って改行するのは、文章を読みやすくできるシンプルな方法です。

タグを用いれば、どこに追加しても改行が反映されます。

タグとは？

タグは、自己終了タグで、それを追加した場所に改行を挿入します。使い方は簡単で、改行したい箇所に タグを入れるだけです。

タグの使用例を見てみましょう:

<p>これは一つの段落です。<br>
これは同じ段落の、二行目です。</p>

上記の例では、 タグが 要素内で使われ、二行の文字の間に改行が入りました。

テキストは次のように表示されます:

これは一つの段落です。
これは同じ段落の、二行目です。

HTML コードにおいて、 タグを使う際のヒントをいくつか紹介します。ただし、これはあくまで文章を整えるための手っ取り早い方法であり、HTML に慣れてくると、ゆくゆくは CSS で文章をスタイリングしたくなるはずです。

ヒント #1: 要素または他の要素を複数使うより、 タグを利用して改行しましょう。この方が、シンプルでスタイリングの管理がしやすくなります。

ヒント #2: タグを使って、行間により多くのスペースを加えましょう。

ヒント #3: タグを使って、要素の間により多くのスペースを作りましょう。例えば   などといったやり方で、無理やり改行を入れることも可能です。これはおすすめできる方法ではありませんが、急いでいるときには、やむを得ない場合もあるでしょう。

ヒント #4: 最後に、繰り返しになりますが、最も重要なのは、 タグを適度に、かつ必要な時にだけ使用することです。

タグは、HTML コードにおいて改行を挿入するためのシンプルで簡単な方法です。改行を入れたいところに タグを追加することで、あなたが書いたコードはより読みやすく、理解しやすいものとなります。

この記事がお役に立てればうれしいです。もしもっとプログラミングやテクノロジーについて学びたい場合は、ぜひ freeCodeCamp のコーディングカリキュラムを試してみてください。無料です。