DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

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

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

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

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
👈🏼 Apa itu tag HTML
Memberi jarak HTML 👉🏼