cloud-hosting-terbaik-indonesia

Belajar HTML Dasar Part 8: Cara Membuat Judul / Heading di HTML (tag h1)

Posted on

Setelah mempelajari cara membuat paragraf HTML di panduan sebelumnya, pada panduan belajar HTML basic kali ini kita akan membahas mengenai cara membuat judul (heading) di dalam HTML.


Cara Merancang Judul (heading) di HTML

HTML menyediakan tag khusus bagi membangun judul atau di pada HTML lebih di kenal dengan istilah: heading. Heading dirancang terpisah dari paragraf. Tag Heading biasanya digunakan bagi judul dari paragraf, atau bagian dari text yang adalah sebuah judul.

Tag heading di pada HTML terdiri dari 6 tingkatan, yaitu <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6>. Tag heading secara default akan ditampilkan oleh web browser dengan huruf tebal (bold). Tampilan dari tag header pun dikerjakan bertingkat. Tag header <h1> mempunyai ukuran huruf sangat besar, sedangkan <h6> terkecil.

Berikut yaitu contoh pemakaian tag heading di pada HTML:

Biasanya pada sebuah halaman akan ada hanya 1 tag <h1>, dan beberapa tag <h2> dan <h3> dengan beberapa tag <p>. Berikut yaitu contoh struktur artikel HTML sederhana dengan menggunakan tag <p> dan beberapa tag heading:

Dengan menggunakan beberapa tag heading dan paragraf, kita dapat membangun struktur sederhana konten HTML.

Search Engine seperti Google akan memberikan nilai lebih bagi heading. Biasanya semakin tinggi tingkat heading, semakin tinggi pula penekanan search engine. Tag <h1> dianggap lebih bernilai dari di <h2>. Tag <h1> umumnya digunakan bagi judul sebuah konten / artikel, sehingga dianggap dapat mewakili keseluruhan artikel.

Selain terdiri dari paragraf dan judul, sebuah struktur artikel pun perlu membangun daftar, atau dikenal selaku list. Pada panduan berikutnya kita akan membahas mengenai Cara Membuat Daftar/List di HTML menggunakan tag <ol>, <ul> dan <li>.


eBook HTML Uncover Duniailkom

Kamu serius ingin menguasai HTML? Duniailkom telah menyusun eBook HTML Uncover. eBook ini membahas HTML dengan lebih detail dan lebih komplit hingga fitur terbaru HTML5. Penjelasan lebih lanjut dapat ke: eBook HTML Uncover Duniailkom.


Sumber https://www.duniailkom.com/