Dibaca: 802

Paragraf HTML

Sebuah paragraf pada HTML selalu dimulai dengan baris baru, kemudian diikuti oleh teks dan akan diakhiri juga dengan baris baru. Jadi paragraf pada HTML akan ada jarak 1 baris di atas dan bawah dari paragraf.

Tag <p>

Tag untuk mendefinisikan sebuah paragraf pada HTML adalah tag <p>. Untuk membuat sebuah tag HTML harus dimulai dengan sebuah tag <p> kemudian teks sebagai isi paragraf dan diakhiri dengan tag penutup </p>.

Pada paragraf HTML, spasi dan enter (baris baru) akan diabaikan. Untuk membuat baris baru harus secara spesifik menggunakan tag <br>.

Tag <br>

Pada sebuah paragraf HTML akan sering ditemui tag baris baru <br> untuk membuat ganti baris atau membuat baris baru karena kalau tanpa tag <br> maka teks paragraf akan ditampilkan secara horisontal.

Tag <pre>

Tag ini digunakan untuk mempertahankan format teks paragraf yang telah dibuat sedemikian rupa dengan mempertahankan spasi dan ganti baris. Jadi semua spasi dan enter (ganti baris) didalam tag <pre> ini akan dipertahankan dan akan ditampilkan seperti yang dibuat.

<!DOCTYPE html>
<html>
   <head>
   <title>Judul HTML</title>
   </head>
   <body>
        <p>Contoh sebuah paragraf 
        dengan banyak      spasi      dan      enter (ganti baris) 
        tanpa menggunakan tag br.</p>
 
        <p>Contoh sebuah paragraf <br>
        dengan banyak       spasi      dan      enter (ganti baris) <br>
        dengan menggunakan tag br, tapi spasi tetap diabaikan.</p>
 
        <p><pre>
        Contoh sebuah paragraf <br>
        dengan banyak       spasi      dan      enter (ganti baris) <br>
        dengan menggunakan     tag br     dan     tag pre     untuk mempertahankan spasi.<pre></p>
   </body>
</html>

Berikut hasilnya bila dilihat pada browser

paragraf-html