Membuat Paragraf di HTML

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


profil

DITULIS OLEH

Febri Hidayan

Berikan saya sponsor terbaik Anda agar saya tetap semangat menulis artikel yang bermanfaat. Terimakasih 😊