-->

Iklan bawah header

Belajar HTML Part 4 - Cara Membuat Heading di HTML

membuat Heading html

Dalam membuat artikel, judul merupakan bagian yang paling penting dan harus ada. Karena dengan adanya judul akan menjelaskan isi dari sebuah artikel dan dengan memberikan judul yang menarik akan mengundang banyak orang untuk membacanya dan mempelajari isinya.

Bayangkan saja jika artikel yang saat ini sedang kamu baca tidak memiliki judul.

Tentunya tidak akan menarik bukan?

Dengan tidak adanya judul dan sub judul akan membuat kamu bingung saat membacanya.

Oleh karena itu, kita membutuhkan judul, atau  dalam HTML biasa dikenal dengan Heading.

Apa itu heading?

Lalu bagaimana cara membuatnya?

Mari kita bahas...

Apa itu Heading?

Heading atau Tag heading merupakan tag khusus yang telah disediakan oleh HTML yang dapat kita gunakan untuk membuat judul dalam sebuah halaman web ataupun beberapa bagian dari artikel.

Tag heading akan secara default ditampilkan oleh browser dengan ukuran teks yang lebih besar dan lebih tebal dari ukuran teks biasa. Tidak hanya itu, tag heading juga merupakan bagian yang sangat penting dalam kaitannya dengan teknik SEO (search engine optimization).

Cara membuat Heading di HTML

Untuk membuat judul pada HTML kita akan menggunakan tag heading yang terdiri dari 6 tingkatan berdasarkan tingkat penting dan ukurannya. Tag heading tersebut adalah <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6>. Tag <h1> akan kita gunakan sebagai judul level atau tingkatan pertama. Sedangkan tag lainnya bisa kita gunakan sebagai subheading atau judul level berikutnya. 

Setiap tag akan ditampilkan dengan ukuran teks yang berbeda. Tag <h1> akan ditampilkan dalam ukuran yang paling besar, sedangkan tag <h6> akan ditampilkan dalam ukuran teks yang paling kecil.

Contoh:

<!DOCTYPE html>
<html>
    <head>
         <title>Membuat Heading di HTML</title>
    </head>
    <body>
          <h1>Ini adalah judul level 1</h1>
          <h2>Ini adalah judul level 2</h2>
          <h3>Ini adalah judul level 3</h3>
          <h4>Ini adalah judul level 4</h4>
          <h5>Ini adalah judul level 5</h5>
          <h6>Ini adalah judul level 6</h6>
    </body>
</html>

Hasilnya:

Tag Heading

Biasanya dalam sebuah halaman hanya akan ada satu tag dari tag <h1> yang akan digunakan sebagai judul dari artikel, dan beberapa tag <h2>, <h3>, <h4>, <h5>, dan <h6> yang akan digunakan sebagai sub heading atau sub judul.

Untuk lebih jelasnya, lihat contoh struktur artikel sederhana berikut ini,

<!DOCTYPE html>
<html>
    <head>
         <title>Belajar HTML</title>
    </head>
    <body>
         <h1>Judul Artikel</h1>
         <p>...Pembahasan Artikel...</p>
              <h2>Sub Judul 1</h2>
              <p>...Pembahasan Sub Judul 1...</p>
              <h2>Sub Judul 2</h2>
              <p>...Pembahasan Sub Judul 2...</p>
    </body>
</html>

Dari pengalaman saya dalam menulis artikel, kita akan jarang menemui tag <h5> dan juga tag <h6>, karena biasanya judul yang dibuat hanya sampai pada level 2, 3, dan 4.

Selanjutnya

Untuk tutorial HTML lainnya, silahkan cek di List tutorial HTML

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel