Logo Komodo Koding /Koding

Menampilkan paragraf HTML

Apa itu tag P di HTML? belajar bagaimana cara membuat tulisan paragraf di HTML.

Halaman ini adalah informasi seputar tag P yang kita gunakan sebelumnya.
Dengan tag <p> kita bisa membuat tulisan paragraf di website.

Cara penulisan tag P HTML

<p> Isi atau nilai dari setiap tagnya </p>

Menggunakan tag P atau tidak

Di HTML, kita juga menampilkan tulisan tanpa tag <p> . Lalu apa bedanya.

  1. Tanpa tag <p>

    See the Pen sample P and h1 tag by Sekolah Koding (@sekolahkoding) on CodePen.

Meskipun kita punya dua baris tulisan yang berbeda, HTML akan menampilkan tulisan secara berderet tanpa peduli ada jarak antara mereka.

🤔 Coba deh

Beri jarak yang jauh di kode atas antara tulisannya, dengan klik di bagian yang ingin kamu pisah dan ketik (enter/return), lihat apakah ada perbedaanya..

Jawaban: Tidak ada perbedaan.

  1. Dengan tag <p>
    Sekarang kita coba dengan bantuan tag </p>

    See the Pen sample P and h1 tag by Sekolah Koding (@sekolahkoding) on CodePen.

Lihat bedanya? Website kita jadi tahu, bahwa setiap tulisan yang dibungkus dengan tag </p> merupakan paragraf tersendiri. Karena itu jadi ada jarak antara mereka.

🤔 Coba deh

Tambahkan kode di atas dengan paragraf yang baru kamu buat dan lihat hasilnya.

Tampilan dasar tag p

Secara otomatis (default), tag p ditampilkan dengan:

  • Lebar 100%, artinya konten setelah p akan berada di bagian berikutnya.
  • Warna hitam dengan ukuran font normal

😲 Info sampingan

Tenang saja, kamu bisa mengganti semua tampilan otomatis
dengan bantuan "CSS" nanti