Logo Komodo Koding /Koding

Memberi jarak HTML

Tag br dan pre pada HTML berguna sebagai pemberi jarak antar satu tulisan ke tulisan line. Nama br diambil dari kata break atau line break.

Tag <br> adalah tag HTML yang kita gunakan untuk memberi jarak. Untuk mudah membayangkannya, br diambil dari kata break pada line break yaitu bahasa Inggris dari baris baru.

Cara menggunakan <br>

Tag <br> tidak perlu pembuka, penutup dan konten, ia bisa berdiri sendiri.

Text sebelum <br> text setelah br

Contoh penggunaan tag br

See the Pen sample P and h1 tag by Sekolah Koding (@sekolahkoding) on CodePen.

Keterangan:

  • Di atas ada tag <p> yang harusnya menampilkan satu baris
  • Sekarang ada jarak karena tambahan tag <br>
  • Kamu bisa menggunakan tag <br> di mana saja, tidak harus di tag <p>

<br> Bisa digunakan berkali-kali

tag br Bisa kamu gunakan berkali-kali untuk memberi jarak yang lebih jauh antar tulisan.

🤔 Coba deh

Tambahkan tag br dibawah dengan copy paste dan lihat hasilnya.

See the Pen sample P and h1 tag by Sekolah Koding (@sekolahkoding) on CodePen.

Memberi jarak dengan tag pre

Tag pre juga bisa digunakan untuk menampilkan format penulisan sesuai cara kita menulis di editor.

<pre>
    saya
    tulisan
    berjarak   wow!
</pre>

Hasilnya

    saya
    tulisan
    berjarak   wow!

Dengan menggunakan tag <pre> , baik baris baru atau spasi bisa langsung terlihat.