Elemen Break & Horizontal

Dalam HTML, ada dua elemen sederhana tapi cukup sering digunakan: <br> dan <hr>.
Keduanya adalah void element, artinya tidak memiliki tag penutup.

🔹 Elemen <br> — Line Break

Tag <br> digunakan untuk memaksa pindah baris dalam teks, tanpa membuat paragraf baru.

Contoh Penggunaan Elemen Break

<p>Ini baris pertama.<br />Ini baris kedua setelah break.</p>

📌 Cocok digunakan untuk puisi, alamat, atau teks yang butuh baris terpisah tapi masih dalam konteks yang sama.

<p>
  Jl. Kenangan No. 1<br />
  Jakarta Selatan<br />
  Indonesia
</p>

⚠️ Catatan

• Jangan gunakan <br> berkali-kali untuk membuat spasi antar paragraf. Gunakan <p> atau CSS untuk itu.

🔸 Elemen <hr> — Horizontal Line

Tag <hr> digunakan untuk menambahkan garis pemisah horizontal pada halaman web.

Fungsi

• Memisahkan konten secara visual
• Menandai transisi atau bagian baru
• Biasa dipakai di artikel, postingan blog, dsb.

Contoh Penggunaan Elemen Horizontal Line

<h2>Profil</h2>
<p>Ini adalah bagian tentang aku.</p>

<hr />

<h2>Kontak</h2>
<p>Hubungi aku di email@example.com</p>

Hasilnya akan muncul garis horizontal sebagai pemisah antara dua bagian.

🎨 Styling dengan CSS

Keduanya bisa diatur tampilannya menggunakan CSS.

Contoh

<hr style="border: none; height: 2px; background-color: gray;" />

🧼 Best Practice

• Gunakan <br> hanya jika memang perlu pindah baris di dalam paragraf.
• Gunakan <hr> untuk membantu pembaca memahami transisi antar bagian konten.
• Hindari penggunaan <br> berulang hanya untuk membuat jarak — gunakan CSS!

🎯 Kesimpulan

Meskipun kecil, <br> dan <hr> bisa bikin tampilan web lebih tertata dan enak dilihat! 🎯🧩