Setelah sebelumnya mengetahui cara penulisan dasar HTML, sekarang kita akan membahas cara membuat paragraf di HTML.

Membuat paragraf di HTML tidaklah sulit, masih sama seperti contoh penulisan sebelumnya cukup membuat baris paragraf didalam tag <body>. Sekarang coba buka text editor, kemudian ketik kode berikut ini:

<!DOCTYPE html>
<html>
    <head>
        <title>penakode - paragraf</title>
    </head>
    <body>
        Ini contoh paragraf pertama.
        Belajar HTML itu menyenangkan.
        Belajar HTML itu menyenangkan.
        Belajar HTML itu menyenangkan.
        Belajar HTML itu menyenangkan.
    </body>
</html>

kemudian save dengan nama “latihan2.html” dan buka web browser seperti google chrome, firefox atau yang lainnya juga boleh.

Berikut adalah contoh tampilan yang sudah kita buat.

tampilan-paragraf

Dari tampilan diatas kita sudah bisa membuat contoh dalam satu paragraf. Bagaimana caranya jika kita ingin membuat pargraf yang berbeda. Pada HTML penulisan spasi akan diabaikan oleh browser sehingga baris pertama dan kedua dalam kalimat yang diletakkan di <body> maka akan ditampilkan secara sejajar di browser. Untuk itu kita bahas cara membuat paragraf dalam HTML agar browser bisa menterjemahkan kalimat yang terpisah menjadi paragraf HTML.

Ada 2 cara penulisan paragraf HTML

1. Menggunakan tag Paragraf <p>

<!DOCTYPE html>
<html>
    <head>
        <title>penakode - paragraf</title>
    </head>
    <body>
        <p>Ini contoh paragraf pertama.
        Belajar HTML itu menyenangkan.
        Belajar HTML itu menyenangkan.</p>
        <p>Ini contoh paragraf kedua.
        Belajar HTML itu menyenangkan sekali.
        Belajar HTML itu menyenangkan sekali.</p>
    </body>
</html>

Note: Tag <p> berfungsi untuk memberi tahu browser bahwa kalimat yang terdapat di dalam tag <p> dan diakhiri tag </p> adalah satu paragraf. Berikut ini hasil tampilan browser ketika menggunakan tag <p> dimana hasilnya web browser akan memberikan spasi antar paragraf.

tampilan-paragraf

2. Menggunakan tag Break <br>

Cara berikutnya adalah dengan menggunakan tag break <br> tanpa menggunakan tag paragraf. Silahkan ganti kode sebelumnya yang menggunakan tag paragraf diganti dengan menggunakan tag break.

<!DOCTYPE html>
<html>
    <head>
        <title>penakode - paragraf</title>
    </head>
    <body>
        Ini contoh paragraf pertama.
        Belajar HTML itu menyenangkan.
        Belajar HTML itu menyenangkan.
        <br>
        Ini contoh paragraf kedua.
        Belajar HTML itu menyenangkan sekali.
        Belajar HTML itu menyenangkan sekali.
    </body>
</html>

Berikut ini tampilan menggunakan tag break <br>.

tampilan-paragraf

Jika dilihat sekilas hasilnya akan nampak sama, tapi sebenarnya ada perbedaan dari hasil penggunaan tag <p> dan tag <br>. Keduanya menghasilkan pemisah antar paragraf dan paragraf kedua, akan tetapi ada perbedaan dari jarak baris antar paragraf. Apabila ingin membuat paragraf gunakanlah tag <p> sedangkan apabila ingin membuat jarak baris antar kalimat gunakanlah tag <br>. Walaupun menghasilkan hasil yang sama yaitu membuat jarak baris pemisah antar kalimat, akan tetapi tag <br> bukanlah berfungsi untuk membuat paragraf tetapi untuk memisahkan bagian text dengan text lainnya.

Penulisan tag break bisa ditulis seperti ini <br> atau <br/> karena keduanya berfungsi sama saja. Tag break tidak memerlukan tag penutup, jadi cukup menuliskan <br> saja tetapi pada paragraf harus diawali <p> isi paragraf , dan diakhiri tag penutup </p>.

Penutup

Setelah mempelajari cara membuat paragraf di HTML dengan penggunaan tag paragraf <p> dan mengetahui cara penulisan dan fungsi dari tag <p> maupun <br>, selanjutnya kita akan membahas tentang cara penulisan Heading atau judul HTML.