07 HTML – Tag Heading
Tag Heading digunakan untuk mengatur ukuran teks yang dijadikan sebagai judul dalam badan dokumen. Ukuran yang ada pada tag heading ada 6 buah ukuran yang paling besar ditunjukan dengan penomoran yang paling kecil yaitu angka 1 dan yang paling kecil ditandai dengan nomor terbesar yaitu 6. anda juga bisa menggunakan angka lebih dari enam misal 7 atau 8, tetapi hasilnya adalah tetap seukuran angka 6 karena standarnya adalah ukuran 6 yang terkecil.
Tag Heading secara default ditampilkan oleh browser dengan ukuran lebih besar dari ukuran normal dan ukuran file dibuat menjadi lebih tebal. dan Tag Heading ini merupakan tag yang cukup penting jika kita kaitkan dengan SEO atau Search Engine Optimization.
Tag Heading memiliki 6 variasi dan heading 6 adalah ukuran terkecil, walaupun ukurannya menyerupai dengan text normal, tetapi anda harus membedakannya, karna Tag Heading ini hanya digunakan untuk Judul, sub judul dan jangan digunakan sebagai Text Biasa. jika isi konten anda ingin menggunakan ukuran font lebih besar, maka sebaiknya anda gunakan Style CSS atau menggunakan Tag Font.
Bentuk tag-tag heading dimulai dari yang terbesar sampai terkecil dapat dilihat pada tatacara penulisan berikut ini :
- <H1> … </H1> (Heading 1)
- <H2> … </H2> (Heading 2)
- <H3> … </H3> (Heading 3)
- <H4> … </H4> (Heading 4)
- <H5> … </H5> (Heading 5)
- <H6> … </H6> (Heading 6)
Untuk lebih jelasnya, bisa kita lihat Contoh dibawah ini
Contoh 1
See the Pen 07-HTML-tagHeading-FR-ACADEMY by Ferdian Rahabista (@frsystem) on CodePen.dark
setelah kita jalankan, terlihat perbedaan antara Heading 1 sampai dengan Heading 6. namun jika ternyata ukuran judul masih kurang besar, teman-teman bisa manfaatkan atribut style dengan menambahkan perintah font-size pada tag Heading tersebut.
Contoh 2
See the Pen 07-HTML-tagHeading2-FR-ACADEMY by Ferdian Rahabista (@frsystem) on CodePen.dark
Kesimpulan:
Penggunaan terakhir, Tag Heading sebaiknya dikhususkan untuk Judul, jangan gunakan Tag Heading sebagai Text biasa, silahkan gunakan tag yang sesuai, misal jika ingin membuat paragraf maka gunakan tag <p>, jika ingin membuat alamat maka gunakan tag <address>.
Daftar ISI Dasar-Dasar Pemrograman WEB
- 01 HTML – Pendahuluan
- 02 HTML – Software Pendukung
- 03 HTML – Dasar-dasar HTML
- 04 HTML – Daftar Lengkap TAG HTML
- 05 HTML – Tag < br > BreakRow
- 06 HTML – Tag < p > Paragraph
- 07 HTML – Tag Heading
- 08 HTML – Tag Iframe
- 09 HTML – Tag DIV dan SPAN
