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

Sogen Ohata — Tue, 02 May 2023 13:42:00 +0000

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

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

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

タグとは？

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

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

これは一つの段落です。

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

上記の例では、
タグが

要素内で使われ、二行の文字の間に改行が入りました。

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

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

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

ヒント #1:

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

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

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

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

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

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