Elemen Paragraf HTML

May 6, 2025

Elemen paragraf dalam HTML ditulis menggunakan tag <p>.
Ini adalah salah satu elemen paling dasar dan sering digunakan untuk menampilkan teks biasa di halaman web.


๐Ÿ”น Fungsi Paragraf

  • Menampilkan teks dalam bentuk paragraf (kalimat/konten yang berhubungan)
  • Membuat teks jadi lebih terstruktur dan mudah dibaca
  • Menjaga jarak antar blok teks secara otomatis

๐Ÿ”ธ Cara Penulisan Paragraf

<p>Ini adalah satu paragraf dalam HTML.</p>
<p>Ini paragraf kedua yang terpisah dari yang pertama.</p>

Setiap kali kamu pakai tag <p>, browser akan menganggapnya sebagai satu blok teks yang berdiri sendiri, dan memberi jarak otomatis antar paragraf.


โš ๏ธ Catatan Penting

  • Jangan menaruh elemen blok lain di dalam <p> (misalnya: <div>, <section>, atau <h1>)
  • Tapi boleh menaruh inline element seperti: <strong>, <a>, <span>, <em>
<p>Aku sedang belajar <strong>HTML</strong> dan ini sangat <em>menarik</em>!</p>

๐Ÿ“ฆ Contoh Penggunaan Paragraf

<p>
  Selamat datang di websiteku! Aku suka berbagi seputar coding dan teknologi.
</p>

<p>Di halaman ini, kamu bisa belajar dasar-dasar HTML, CSS, dan JavaScript.</p>

๐Ÿงผ Best Practice

  1. Gunakan <p> untuk semua teks utama.
  2. Jangan pakai <br> berkali-kali buat bikin paragraf โ€” cukup gunakan tag <p> baru.
  3. Tambahkan CSS jika ingin mengatur tampilan seperti spasi, ukuran font, atau warna teks.

๐ŸŽฏ Kesimpulan

  • <p> dipakai untuk menulis teks paragraf di HTML
  • Mudah digunakan dan penting untuk menyusun konten biar rapi dan enak dibaca
  • Jangan taruh elemen blok lain di dalam <p>

Teks yang baik dimulai dari paragraf yang rapi. Jadi, pastiin setiap ide punya <p>-nya sendiri! โœ๏ธ๐Ÿ“„

Designed & build by M. Fandi Arfabuma ยฉ 2025