Heading adalah elemen HTML yang digunakan untuk membuat judul atau sub judul pada sebuah halaman web. Heading HTML memiliki enam tingkatan, dimulai dari level 1 hingga level 6. Tag <h1>
sebagai heading level tertinggi atau level 1 akan memunculkan ukuran font paling besar. Sedangkan tag <h6>
sebagai heading level terendah atau level 6 akan memunculkan font dengan ukuran paling kecil. atau dengan kata lain semakin besar nomor pada tag heading, semakin kecil ukuran font yang ditampilkan.
Mesin pencari menggunakan judul untuk mengindeks struktur dan konten halaman web. Biasanya user sering membaca sekilas halaman berdasarkan judulnya, jadi penting untuk menggunakan judul untuk menunjukkan struktur dokumen. Judul <h1> harus digunakan untuk judul utama, diikuti oleh judul <h2>
, kemudian <h3>
yang kurang penting, dan seterusnya.
Membuat Judul Dengan Heading
Judul utama halaman web menggunakan heading 1 <h1>
, sedangkan elemen heading <h2>
sampai <h6>
digunakan untuk sub-judul yang lebih kecil dan detail.
Contoh :
Hasilnya akan tampil sebagai berikut :
Atribut Heading
Heading tidak memiliki atribut khusus. Tetapi memiliki atribut global atau atribut umum yang ada pada HTML. atribut pada elemen heading misalkan :
- id : Digunakan untuk menentukan id unik untuk suatu elemen, biasanya untuk link CSS dan Javascript
- class : Menentukan satu atau lebih nama kelas untuk suatu elemen, untuk keperluan style di CSS
- style : Menentukan gaya dengan CSS untuk suatu elemen
0 comment:
Posting Komentar