【第10回】HTMLで改行・スペースを入れてみよう

💡 改行とスペースってどうなるの？

HTMLでは、見た目どおりにスペースや改行が表示されません。 たとえば、コードで改行やスペースを入れても、ブラウザでは無視されてしまうことが多いです。

そこで登場するのが、<br> タグや   です。

---

🧩 <br> タグで改行してみよう

<br> は “break” の略で、改行を入れるときに使います。

こんにちは！<br>はじめまして。

👇 表示結果：

こんにちは！
はじめまして。

✅ ポイント：<br> は閉じタグが不要な自己完結型タグです。

---

🧩 &nbsp; でスペースを入れてみよう

通常のスペース（半角）は連続しても1つにまとめられてしまいます。 でも   を使えば、明示的にスペースを入れることができます。

ここに   スペースを入れました。

👇 表示結果：

ここに   スペースを入れました。

✅   は「non-breaking space（改行しない空白）」の略で、詰まってしまう行間を調整したいときにも便利です。

---

🔍 よくあるミスと注意点

• <br> を使いすぎると、レイアウトが崩れがち（CSSで調整する方が◎）
•   の入れすぎでコードが読みにくくなることも
• 半角スペースだけでは思った通りに表示されないので注意！

---

✅ 覚えておきたいポイントまとめ

• 改行には <br> を使う
• 複数スペースを入れたいときは  
• HTMLはそのままでは改行やスペースが反映されない！
•   は1つのスペース、連続させると複数分空けられる

---

📌 次回のテーマ

【第11回】HTMLで <div> と <span> の違いを学ぼう
見た目の“箱”や文字の装飾、ブロックとインラインの違いをやさしく解説します😊

---

🔖 この回で出てきたタグ

#brタグ　#&nbsp;