DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

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 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.

Tambahkan tag br dibawah dengan copy paste dan lihat hasilnya.

See the Pen 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.

👈🏼 Menampilkan paragraf HTML
Format Text HTML 👉🏼