Setiap halaman web membutuhkan paragraf untuk memulai menulis kata demi kata yang menarik. Pada HTML memiliki tag khusus untuk membuat pragraf yaitu tag <p>
. Tag <p>
akan mendefinisikan sebuah paragraf pada halaman web, paragraf selalu dimulai dengan baris baru.
Daftar isi:
- Paragraf HTML
- Paragraf dengan garis horisontal
- Paragraf dengan garis break
- Paragraf tidak mengenal panjang ruang dan baris ekstra
- Solusi masalah paragraf
Paragraf HTML
Paragraf akan memulai dengan baris baru dan browser akan secara otomatis memberikan blok kode untuk memberikan jarak sebelum dan sesudah paragraf. Berikut contohnya:
<p>Paragraf pertama</p>
<p>Paragraf kedua</p>
Paragraf dengan garis horisontal
Jika Anda ingin menambahkan garis horisontal cukup menggunakan tag <hr>
. Berikut contohnya:
<p>Paragraf pertama</p>
<hr>
<p>Paragraf kedua</p>
Catatan: Tag
<hr>
tidak memerlukan tag penutup seperti tag pada umumnya.
Paragraf dengan garis break
Jika sebelumnya untuk membuat baris baru pada paragraf Anda harus menambah baris baru tag <p>
, akan tetapi ada cara lain dengan menyisipkan tag <br>
pada baris paragraf. Berikut contohnya:
<p>Menulis untuk paragraf pertama <br> kemudian paragraf kedua</p>
Catatan: Tag
<br>
tidak memerlukan tag penutup seperti tag pada umumnya.
Paragraf tidak mengenal panjang ruang dan baris ekstra
Jika Anda memberikan ruang dan baris itu tidak akan memberi dampak pada tampilan, jadi tampilannya akan menjadi satu baris saja. Berikut contohnya:
<p>
paragraf ini tidak akan tampil
seperti yang telah jelas di tulis
pada skrip ini.
</p>
Catatan: Contoh diatas akan tetap dimuat dalam satu baris.
Solusi masalah paragraf
Cara memperbaiki masalah ruang dan baris ekstra pada paragraf, cukup dengan menggunakan tag <pre>
. Berikut contohnya:
<pre>
paragraf ini tidak akan tampil
seperti yang telah jelas di tulis
pada skrip ini.
</pre>
Catatan: Menggunakan tag <pre>
akan memecahkan masalah pada contoh sebelumnya, jadi tampilan paragraf akan tampil sebagaimana Anda menulis skripnya.
Sumber: W3Schools