Cara Membuat Heading Pada HTML

Melanjutkan pembahasan kita mengenai HTML. Kali ini kita membahas cara membuat heading di HTML. Pembahasan ini masih terkait dengan pembahasan Penggunaan Tag Dalam HTML Dasar. Karena untuk membuat heading di HTML, kita membutuhkan sebuah tag untuk mengelola heading.

Pengertian Heading Dalam HTML

Heading merupakan salah satu tag yang berfungsi sebagai kode yang mendefinisikan sebuah judul atau bagian penting dari halaman web. Tag heading memiliki fungsi yang cukup penting dalam sebuah halaman web, karena akan memberikan kesan yang lebih tegas pada teks yang diinginkan serta  memiliki kaitan yang cukup erat dengan teknik Search Engine Optimization(SEO).

Tag heading memiliki beberapa tingkatan yang berurutan dan tingakatan ini disesuaikan berdasarkan ukuran teks. Urutan tagnya adalah <h1>,<h2>,<h3>,<h4>,<h5> dan <h6>. Tag <h1> merupakan tag heading yang memiliki ukuran yang paling besar sedangkan tag <h6> adalah tag yang memiliki ukuran yang paling kecil.

setiap tag memiliki fungsi yang berbeda seperti tag <h1> yang biasa digunakan untuk membuat judul halaman web, <h2> dan <h3> yang biasanya digunakan sebagai subjudul dan <h4> sampai <h6> yang digunakan sesuai selera para programmer untuk memperindah halaman webnya.

Contoh Pengguanaan Tag Heading

Seperti yang sudah kita bahas sebelumnya, untuk mengatur heading kita membutuhkan tag <h> agar bisa mengelola teks di halaman web. Contoh penggunaannya bisa dilihat pada contoh dibawah ini.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Heading</title>
</head>
<body>
    <h1>Heading H1</h1>
    <h2>Heading H2</h2>
    <h3>Heading H3</h3>
    <h4>Heading H4</h4>
    <h5>Heading H5</h5>
    <h6>Heading H6</h6>
</body>
</html>
heading

Dari contoh diatas bisa kita lihat perbedaan dari setiap heading yang ada di HTML. Setiap heading memiliki fungsinya masing-masing dalam sebuah halaman web. Gunakanlah tag ini hanya untuk judul atau subjudul halaman web anda. Jangan pernah gunakan tag ini untuk kepentingan lain seperti membuat ukuran text menjadi besar, karena itu sudah berbeda kalian bisa menggunakan CSS untuk memperbesar size text. jadi kalian harus menyesuaikan heading sesuai kebutuhan.

Kesimpulan

Heading merupakan salah satu tag yang berfungsi sebagai kode yang mendefinisikan sebuah judul atau bagian penting dari sebuah halaman web. Tag heading memiliki beberapa tingkatan yang berurutan dan tingakatan ini disesuaikan berdasarkan ukuran teks. Urutan tagnya adalah <h1>,<h2>,<h3>,<h4>,<h5> dan <h6>. Tag <h1> merupakan tag heading yang memiliki ukuran yang paling besar sedangkan tag <h6> adalah tag yang memiliki ukuran yang paling kecil.

Sumber :
W3schools.com/heading

Leave a Comment