💡 記事の下にエディタを用意しています。壊してもOK!
更新日: 2025年3月1日
HTML brタグで改行する方法|使い方と注意点
📌
結論
で改行できます<br>
<br> タグを使います。
📝 実際のコードはこちら
<p>1行目<br>2行目</p>brの特徴
<br> はbreak(改行)の略で、自己閉じタグです。</br> は不要です。
brとpの使い分け
改行したいと思ったとき、ほとんどの場合は<p> で段落を分ける方が正解です。
| 方法 | 使いどころ |
|---|---|
を分ける | 違う内容の段落 |
で改行 | 住所、歌詞など、同じ段落内で行を分けたいとき |
⚠️ brの乱用はNG
<br><br><br> と連打して余白を作るのは絶対にやめてください。余白はCSSの margin や padding で作るのがルールです。
まとめ
・改行は<br> だが、段落分けは <p> が基本
・<br> は self-closing(自己閉じタグ)
・余白目的の <br> 連打は NG
演習で試してみよう
1行目と2行目を<br> で改行してみましょう。🧪 ここで試せます ─ 壊しても大丈夫!
下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。
■ 演習
1行目と2行目をbrタグで改行してください。
詰まったらヒント
brは改行の自己閉じタグです。