Dalam penulisan dokumen di Microsoft Word atau aplikasi teks lainnya, kita cukup menekan tombol Enter untuk membuat baris baru. Namun, cara ini tidak berlaku saat Anda menulis kode HTML. Anda tidak bisa hanya menekan tombol Enter di dalam kode HTML dan berharap teks akan muncul di baris baru pada browser. Browser akan mengabaikan spasi dan baris baru yang berlebihan dan hanya menampilkan teks secara berurutan.

Untuk membuat baris baru atau enter di HTML, Anda harus menggunakan tag <br>.

Penggunaan Tag <br>

Tag <br> adalah singkatan dari break row. Ini adalah tag tunggal (tanpa tag penutup) yang berfungsi untuk menyisipkan satu baris kosong. Tag ini sangat berguna ketika Anda ingin memisahkan teks tanpa memulai paragraf baru.

Berikut adalah contoh penggunaannya:

<p>
  Ini adalah baris pertama.<br>
  Ini adalah baris kedua.<br>
  Dan ini adalah baris ketiga.
</p>

Tampilan di browser akan menjadi seperti ini:

Ini adalah baris pertama. Ini adalah baris kedua. Dan ini adalah baris ketiga.

Jika Anda tidak menggunakan <br>, teks akan ditampilkan dalam satu baris, seperti ini: Ini adalah baris pertama. Ini adalah baris kedua. Dan ini adalah baris ketiga.

Anda juga bisa menggunakan tag <br> lebih dari satu kali untuk membuat spasi vertikal yang lebih besar, misalnya: <br><br>.

Perbedaan <br> dengan Tag <p>

Meskipun keduanya menciptakan spasi vertikal, ada perbedaan penting antara tag <br> dan tag <p> (paragraf).

• <br> (Break): Hanya membuat baris baru. Baris baru yang dihasilkan tidak memiliki margin atau spasi tambahan seperti paragraf. Ini ideal untuk memisahkan baris teks dalam satu blok paragraf, seperti dalam alamat atau puisi.
  HTML

  <p>
    Alamat:<br>
    Jalan Maju Mundur No. 10<br>
    Kota Sejahtera
  </p>
  

• <p> (Paragraf): Digunakan untuk mendefinisikan blok teks yang merupakan sebuah paragraf. Browser secara otomatis menambahkan spasi atau margin di atas dan di bawah setiap tag <p>, membuatnya terpisah dari paragraf lain.
  HTML

  <p>Ini adalah paragraf pertama.</p>
  <p>Ini adalah paragraf kedua.</p>
  

Pada dasarnya, gunakan <br> ketika Anda ingin “enter” di dalam satu paragraf, dan gunakan <p> ketika Anda ingin memisahkan blok teks yang berbeda menjadi paragraf yang terpisah.