cara membuat heading pada HTML

Tag heading (h) merupakan tag khusus yang disediakan oleh HTML untuk membuat sebuah judul pada teks dalam sebuah halaman web. Tag heading dalam HTML terdiri dari 6 tingkatan berdasarkan tingkat penting dan ukurannya. Tag heading tersebut adalah <h1>, <h2>, <h3>, <h4>, <h5> dan <h6>. Tag h1 memiliki ukuran paling besar, sedangkan tag h6 memiliki ukuran paling kecil.

Walaupun tag heading memiliki ukuran yang bervariasi dan lebih tebal serta besar dari tag biasa, namun jangan menggunakan tag heading jika hanya untuk sekedar membuat tulisan yang lebih besar. Gunakanlah tag heading hanya untuk membuat judul dan subjudul, bukan untuk membuat tulisan berukuran besar. Karena pada dasarnya untuk membuat tulisan besar kita bisa menggunakan CSS. Biasanya h1 hanya digunakan satu kali dalam sebuah halaman web, yaitu sebagai judul utama (judul besar), untuk h2, h3 dan seterusnya bisa digunakan untuk membuat sub judul.

Cara Menggunakan Tag Heading

Berikut cara menggunakan tag heading pada HTML:

Silahkan simpan kode HTML diatas dengan nama heading.html, kemudian jalankan pada browser. Jika tidak terjadi kesalahan, maka akan tampil seperti berikut:

Penjelasan Tag Heading

1. Fungsi Tag Heading h1
   Tag heading h1 ini biasanya digunakan untuk nama blog jika berada pada home page, tapi akan berubah menjadi h2 jika berada di halaman postingan.
2. Fungsi Tag Heading h2
   Tag heading h2 ini biasanya digunakan untuk judul postingan/artikel jika berada pada home page dan akan berubah menjadi h1 jika berada pada halama postingan.
3. Fungsi Tag Heading h3
   Tag heading h3 ini biasanya digunakan untuk sub judul atau lebih tepatnya sebagai penjelasan dari judul postingan.
   
4. Fungsi Tag Heading h4
   Tag heading h4 biasanya sering digunakan sebagai judul pada widget.
5. Fungsi Tag Heading h5
   Tag heading h5 biasanya digunakan untuk nama pemberi komentar atau Komentator.
   
6. Fungsi Tag Heading h6
   Tag heading h6 digunakan pada bagian Footer seperti tulisan “All Rights Reserved by Serba komputer 2017 – 2018”.

Demikian tutorial tentang cara membuat heading pada HTML. Silahkan bagikan atau share artikel ini jika dirasa ada yang membutuhkan.