Element Heading

Display Horizontal

Bismillahirrahmanirrahim, Assalamu’alaikum Warahmatullahi Wabarakaatuh

Hai Sobat IOTkece, Bagaimana Kabarnya ? Luar biasa pastinya…. Kali ini kita akan belajar mengenai Heading Element. Heading Element biasanya digunakan untuk membuat suatu judul(heading) pada halaman HTML. Ciri khas dari Element Heading adalah textnya tebal dan ukurannya lebih besar daripada text paragraf.

Element Heading pada HTML memiliki 6 tingkatan atau 6 level mulai dari Heading 1 <h1> yang memiliki ukuran paling besar sampai dengan Heading 6 <h6> yang memiliki ukuran paling kecil pada tingkatan heading. Yang membedakan Heading 1 sampai Heading 6 hanyalah ukuran textnya saja.

Untuk lebih memahaminya berikut adalah contoh penulisan dari Element Heading

<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8">
   <title>Belajar Element Heading - IOTkece</title>
 </head>
 <body>
   <h1>Ini Adalah Element Heading 1</h1>
   <h2>Ini Adalah Element Heading 2</h2>
   <h3>Ini Adalah Element Heading 3</h3>
   <h4>Ini Adalah Element Heading 4</h4>
   <h5>Ini Adalah Element Heading 5</h5>
   <h6>Ini Adalah Element Heading 6</h6>
 </body>
</html>

Ketika dijalankan hasilnya akan seperti berikut ini

Bagaimana? Mudah bukan dalam mempelajari element Heading ? Pastikan berlatih terus

Selamat mencoba sobat, ceritakan pengalaman sobat di kolom komentar yaaa. Dan jangan lupa bagikan ke teman atau saudara sobat yang membutuhkan informasi ini

Terimakasih, Wassalamualaikum Warahmatullahi Wabarakatuh