Web Tutorial Indonesia 
|
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> |
Contoh Elemen h1 dan h2
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!
