1 2 3 4 5 6 |
<h1>Judul</h1> <h2>Judul</h2> <h3>Judul</h3> <h4>Judul</h4> <h5>Judul</h5> <h6>Judul</h6> |
Definisi dan Penggunaan
Elemen HTML h1
digunakan untuk menunjukkan bagian yang paling penting (atau tingkat tertinggi) pada halaman. Elemen ini digunakan untuk judul atau heading, judul bisa berupa elemen gambar atau teks atau-pun keduanya.
Secara keseluruhan, kita memiliki enam tingkat judul yang dapat dipilih, dimulai dari h1
sampai h6
untuk menambah struktur ke halaman web. Elemen HTML h1
adalah tingkat judul tertinggi (secara default, ukuran elemen HTML h1
adalah yang terbesar dalam hal ukuran font) dan h6
terendah (dan juga terkecil).
Judul (heading) pada sebuah dokumen harus menggunakan tag h1
, selanjutnya sub dari judul utama harus menggunakan tag h2
, jika terdapat sub judul dari judul yang menggunakan tag h2
maka harus menggunakan tag h3
dan seterusnya sampai penggunaan tag h6
yang merupakan penggunaan sub judul dari judul yang menggunakan tag h5
.
Disarankan untuk tidak melompati urutan tag judul (heading), jadi gunakan secara berurutan mulai h1
ke h2
dan seterusnya, jangan dari h1
langsung melompat ke penggunaan h3
pada penggunaan sub judul dari h1
. Elemen HTML h1
menambahkan kekayaan semantic pada sebuah dokumen dan dapat membantu mesin pencari dalam memahami dan mengenal bagian judul dari dokumen.
Secara sederhana penggunaan elemen HTML h1
ditunjukkan dalam skrip berikut.
1 2 3 |
<h1> Ini Adalah Judul - Nyekrip </h1> |
Dukungan Browser
Elemen | |||||
---|---|---|---|---|---|
<h1>-<h6> | Ya | Ya | Ya | Ya | Ya |
Latihan Elemen HTML h1-h6
Sebagai latihan untuk membuat elemen HTML h1, silahkan ketik-kan skrip dibawah ini:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Contoh h1 - Nyekrip</title> </head> <body> <h1>Pengenalan web Nyekrip</h1> <h2>Sejarah web Nyekrip</h2> <p>Nyekrip.com baru berdiri pada bulan desember 2014, kami akan selalu berupaya untuk memberikan tutorial yang selalu up-to-date, sehingga konten akan selalu bisa digunakan sebagai bahan belajar dan bahan referensi. </p> <h2>Tujuan web Nyekrip</h2> <p>Nyekrip Merupakan web yang berisikan tutorial membuat program, yang berfokus pada pembaca indonesia yang mempunyai minat dalam hal pemrograman Untuk lebih lanjut silahkan kunjungi www.nyekrip.com </p> </body> </html> |
Jika skrip diatas dijalankan, maka browser akan menampilkan seperti gambar diatas ini. Perhatikan pada teks ” Pengenalan web Nyekrip “, teks tersebut telah di markup dengan tag h1
sehingga secara default ukuran font teks tersebut menjadi paling besar dan disusul dengan sub judul h2
yang juga secara default ukuran font juga besar (lebih kecil dari h1
).
Happy Nyekrip!