Menampilkan paragraf HTML - Referensi HTML

Halaman ini adalah informasi seputar tag P yang kita gunakan sebelumnya.
Dengan tag  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  . Lalu apa bedanya.

Tanpa tag

See the Pen 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.

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.

Dengan tag 
Sekarang kita coba dengan bantuan tag

See the Pen by Sekolah Koding (@sekolahkoding) on CodePen.

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

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

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