Cara Membuat Paragraf di HTML Dengan Tag p

Pada tutorial kali ini penulis akan membahas cara membuat paragraf di HTML dengan menggunakan <p>.

Berikut ini adalah kode HTML nya

<html>
    <p>contoh dari penggunaan tag p di HTML</p>
    <p>browser secara otomatis akan menambahkan line kosong sebelum dan setelah paragraf</p>
    <p>tag p juga akan     menghiraukan spasi</p>
    <p>tag p juga menghiraukan
        enter</p>
</html>

Berikut ini adalah hasil dari kode HTML diatas


Pada kode HTML diatas dapat disimpulkan bila penggunaan <p> secara otomatis akan menambahkan line kosong sebelum dan setelah paragraf, menghiraukan penggunaan spasi dan tag p juga menghiraukan penggunaan enter.

Pastikan ketika menggunakan <p> disertai dengan penutup tag </p>. Terkadang beberapa browser tetap akan menampilkan hasil yang benar walau tanpa menggunakan penutup tag tetapi hal tersebut tidak dianjurkan.

Ketika anda ingin menampilkan sebuah syair lagu atau puisi itu akan menjadi sebuah masalah ketika menggunakan <p>. Karena <p> akan secara otomatis akan menghilangkan pengunaan enter.

contoh kode HTML nya sebagai berikut :

<html>
    <p>
        Isi puisi dibawah akan ditampilkan dalam satu baris karena tag html menghiraukan penggunaan enter
    </p>
    <p>
        Oh Koding
        Susah sekali
        Memilukan Hati
        Bug dimana-mana
        Oh Koding
    </p>
</html>

Hasilnya sebagai berikut :


Solusinya adalah kalian perlu menggunakan tag <br> untuk membuat fungsi enter atau line baru <br> tidak memiliki tag penutup.

Contoh kode HTML nya sebagai berikut

<html>
    <p>
        Isi puisi dibawah akan ditampilkan dalam satu baris karena tag html menghiraukan penggunaan enter
    </p>
    <p>
        Oh Koding <br>
        Susah sekali <br>
        Memilukan Hati <br>
        Bug dimana-mana <br>
        Oh Koding
    </p>
</html>

Hasilnya dibrowser akan seperti gambar dibawah




0 komentar:

Posting Komentar

Terima kasih sudah berkunjung di website sederhana ini, mohon kritik dan sarannya