Setelah kalian sudah mengerti apa itu Tag, Element, dan Attribute, sekarang waktunya kita bahas tentang HTML Heading.

Jadi apa itu HTML Heading, Kenapa website membutuhkan Headings, dan bagaimana contoh membuat Heading dengan HTML. Mari kita bahas satu persatu.

Apa itu HTML Heading

HTML Heading adalah element atau tag HTML yang digunakan untuk membuat judul atau subjudul pada tampilan di halaman web.

Judul HTML ditulis dengan tag

sampai dengan

.

digunakan sebagai heading utama atau judul utama website.

dan

biasanya digunakan untuk sub-judul.

,

dan

merupakan heading yang jarang digunakan.

Kenapa website membutuhkan Headings

Mesin pencari menggunakan Heading untuk mengindeks struktur dan konten halaman website. Contohnya

dianggap sebagai judul utama dari sebuah halaman web, dan menjelaskan isi dari keseluruhan konten.

Para pengunjung juga sering membaca sepintas sebuah halaman berdasarkan judulnya. Jadi sangat penting untuk menggunakan heading untuk menunjukkan isi dan struktur halaman web.

Contoh Headings pada HTML

Seperti yang sudah dijelaskan diatas, judul pada HTML dibuat dengan tag

sampai

. Setiap heading memiliki ukuran default. Dan setiap Tag Headings mempunyai ukuran teks yang berbeda-beda. Dimulai dari

yang memiliki ukuran teks paling besar, dan

yang paling kecil.

Contoh:

    
        
    
    
        
Contoh Judul h1
        
Contoh Judul h2
        
Contoh Judul h3
        
Contoh Judul h4
        
Contoh Judul h5
        
Contoh Judul h6
    

Hasil:

PENTING untuk kalian, Jangan gunakan heading untuk membuat teks menjadi lebih BESAR atau tebal. Gunakanlah heading untuk membuat judul saja.

Misalkan kalian ingin membuat teks sebuah paragraf atau artikel menjadi lebih besar dan tebal. Jangan gunakan

atau

untuk memperbesar teks paragraf, tetaplah gunakan Tag

dengan style css untuk memperbesar dan menebalkan teks.

Contoh:

    



    
Tips Penting HTML Heading
    
Contoh Judul yang Salah
    
Contoh Judul yang salah karena menggunakan h6 membuat teks paragraf lebih tebal dan besar
    
Contoh Judul yang Benar
    Contoh Judul yang benar karena menggunakan tag p dengan style untuk
        membuat teks paragraf lebih tebal dan besar
 

Hasil:

Semoga artikel tentang Tutorial membuat judul dengan HTML Heading. Jika kalian masih ada yang kurang paham atau ada hal yang ingin ditanyakan, jangan sungkan untuk beratanya di kolom komentar. Kalian juga bisa membagikan artikel ini.

Tutorial Selanjutnya, akan membahas tentang: #5. Belajar Membuat Paragraf Dengan HTML