Heading (judul) adalah elemen HTML yang digunakan untuk memberi judul pada halaman web dan membuat teks menjadi lebih menonjol dan mudah dibaca. Dalam artikel ini, saya akan menjelaskan tentang heading di HTML dan cara membuatnya.

Heading dalam HTML terdiri dari enam level, dimulai dari <h1> hingga <h6>. Level heading yang lebih tinggi (<h1>) digunakan untuk judul utama halaman web, sedangkan level heading yang lebih rendah (<h2> hingga <h6>) digunakan untuk judul sub bagian halaman web.


Berikut adalah contoh kode HTML untuk heading dengan level <h1>:

css
<h1>Ini adalah judul utama halaman web</h1>

Dan ini adalah contoh kode HTML untuk heading dengan level <h2>:

css
<h2>Ini adalah judul sub bagian halaman web</h2>

Dalam contoh di atas, kita membuka tag <h1> pada awal judul dan menutupnya dengan tag </h1> pada akhir judul. Dalam tag <h1>, kita menempatkan teks yang ingin menjadi judul halaman web. Cara membuat heading dengan level lain hampir sama, hanya perlu mengganti <h1> dengan level heading yang diinginkan, seperti <h2>, <h3>, dan seterusnya.

Selain itu, kita juga dapat menambahkan atribut pada tag heading untuk mengatur tampilan judul. Beberapa atribut yang dapat digunakan pada tag heading adalah style, class, dan id. Misalnya:

css
<h1 style="color: red; font-size: 36px;">Ini adalah judul utama halaman web dengan style</h1>
<h2 class="judul">Ini adalah judul sub bagian halaman web dengan class</h2>
<h3 id="judul-1">Ini adalah judul sub bagian halaman web dengan id</h3>

Dalam contoh di atas, kita menambahkan atribut style pada tag heading untuk mengubah warna teks dan ukuran font judul. Selain itu, kita juga menambahkan atribut class dan id pada tag heading untuk memberikan identitas tertentu pada judul tersebut.

Dalam kesimpulan, membuat heading di HTML sangat mudah dilakukan. Kita hanya perlu menggunakan tag heading dengan level yang diinginkan, seperti <h1>, <h2>, dan seterusnya. Selain itu, kita juga dapat menambahkan atribut pada tag heading untuk mengatur tampilan judul. Dengan memahami cara membuat heading di HTML, kita dapat membuat halaman web yang lebih menarik dan mudah dibaca.