📖 Tag Heading dan Paragraf

Dalam HTML, judul dan paragraf adalah fondasi utama untuk menyusun konten berbasis teks. Heading, yang ditandai dengan tag <h1> sampai <h6>, digunakan untuk membuat hierarki judul. Tag <h1> biasanya digunakan untuk judul utama halaman, sedangkan <h2> hingga <h6> digunakan untuk subjudul atau bagian-bagian yang lebih spesifik. Semakin besar angkanya, semakin kecil ukuran teks dan semakin rendah tingkat pentingnya. Menggunakan heading dengan urutan yang tepat juga membantu struktur halaman jadi lebih jelas, baik untuk pengguna maupun mesin pencari.
Sementara itu, tag <p> digunakan untuk membuat paragraf. Setiap kali kamu ingin menulis satu blok teks yang utuh dan mudah dibaca, bungkus teks tersebut dengan tag <p>. HTML akan otomatis memberi jarak antar paragraf agar tampilan teksnya lebih rapi. Jangan lupa, meskipun kamu bisa menulis teks langsung tanpa tag paragraf, hasilnya bisa berantakan atau susah dibaca. Jadi, biasakan selalu gunakan <p> untuk setiap bagian teks yang berdiri sendiri.

✒️ Struktur Umum Heading dan Paragraf

<h1>Judul Utama (Level 1)</h1>
<p>Ini adalah paragraf yang menjelaskan topik secara umum.</p>

<h2>Subjudul (Level 2)</h2>
<p>Ini adalah paragraf yang lebih detail mengenai sub-topik.</p>

<h3>Sub-subjudul (Level 3)</h3>
<p>Paragraf ini memberikan detail yang lebih spesifik lagi.</p>

Penjelasan dan fungsi dari masing-masing tag di atas sebagai berikut:

<h1>,Tag heading paling penting. Sebaiknya hanya digunakan satu kali dalam satu halaman, dan berfungsi sebagai judul utama dari konten.
<h2> ... <h6>, Digunakan sebagai sub-heading dengan tingkatan yang lebih rendah. Gunakan secara berurutan sesuai hierarki. Misalnya, <h3> digunakan setelah <h2>, bukan langsung melompati urutan.
<p> ... </p>, Digunakan untuk membungkus satu blok paragraf. Browser secara otomatis memberi jarak antar paragraf, sehingga teks terlihat lebih rapi dan mudah dibaca.

💻 Contoh Kode:

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Artikel Berita</title>
  </head>
  <body>
    <h1>Teknologi AI Terbaru Diluncurkan</h1>
    <p>Sebuah perusahaan teknologi terkemuka baru saja mengumumkan peluncuran kecerdasan buatan (AI) generasi terbaru mereka yang diklaim revolusioner.</p>
    
    <h2>Fitur Utama AI Baru</h2>
    <p>AI baru ini memiliki beberapa fitur unggulan, termasuk kemampuan pemrosesan bahasa alami yang jauh lebih canggih dan efisiensi energi yang lebih baik.</p>

    <h2>Dampak pada Industri</h2>
    <p>Para ahli memprediksi bahwa teknologi ini akan membawa perubahan besar di berbagai sektor industri, mulai dari kesehatan hingga otomotif.</p>
  </body>
</html>

⚙️ Demo Interaktif:

💡 Tips: Gunakan tag heading untuk membuat struktur, bukan hanya untuk membuat teks tebal atau besar. Ini penting untuk aksesibilitas dan SEO.