Heading HTML (HTML headings) adalah elemen-elemen yang digunakan untuk menandai judul atau subjudul pada halaman web. Heading HTML ditandai dengan elemen h1 sampai h6 dan diurutkan secara hierarkis, dimulai dengan h1 sebagai judul utama, diikuti oleh h2 sebagai subjudul, h3 sebagai sub-subjudul, dan seterusnya. Pada artikel ini, kita akan membahas bagaimana cara menggunakan elemen heading HTML pada halaman web.
Penggunaan Heading HTML
Elemen heading HTML dimulai dengan tag pembuka dan diakhiri dengan tag penutup. Contoh penggunaan elemen heading HTML adalah sebagai berikut:
<h1>Ini adalah judul utama</h1>
<h2>Ini adalah subjudul</h2>
<h3>Ini adalah sub-subjudul</h3>
Dalam contoh di atas, h1 digunakan sebagai judul utama, h2 digunakan sebagai subjudul, dan h3 digunakan sebagai sub-subjudul. Heading HTML yang diurutkan secara hierarkis ini membantu mesin pencari dan pembaca manusia memahami struktur halaman web dan mengetahui informasi apa yang paling penting.
Dalam sebuah halaman web, disarankan untuk hanya menggunakan heading h1 satu buah dan tidak boleh lebih agar halaman anda menjadi halaman seo friendly oleh mesin pencari seperti google search, bing dll
Pengaturan Gaya Heading HTML
Anda dapat memformat elemen heading HTML dengan menggunakan CSS untuk membuat tampilan yang lebih menarik. Anda dapat mengubah ukuran, jenis font, warna, dan margin dari elemen heading HTML. Berikut adalah contoh kode CSS yang dapat digunakan untuk mengubah tampilan dari elemen heading HTML:
h1 { font-size: 36px; font-family: Arial, sans-serif; color: #333;margin-bottom: 20px; }
h2 { font-size: 24px; font-family: Arial, sans-serif; color: #555;margin-bottom: 16px; }
h3 { font-size: 18px; font-family: Arial, sans-serif; color: #777;margin-bottom: 12px; }
Dalam contoh di atas, kita mengatur ukuran font, jenis font, warna, dan margin untuk setiap elemen heading HTML yang digunakan pada halaman web.
Untuk pembahasan Gaya Heading menggunakan CSS akan di bahas secara detail pada halaman yang lain.
Kesimpulan
Elemen heading HTML sangat penting dalam mengorganisir konten halaman web dan memudahkan mesin pencari dan pembaca manusia memahami struktur halaman web. Gunakan elemen heading HTML secara hierarkis dengan h1 sebagai judul utama, diikuti oleh h2 sebagai subjudul, h3 sebagai sub-subjudul, dan seterusnya. Anda juga dapat mengatur tampilan dari elemen heading HTML dengan CSS untuk membuat tampilan yang lebih menarik dan konsisten.