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:
|
1 |
<!DOCTYPE html><br/><html><br/><head><br/> <title>pemakaian tag heading</title><br/></head><br/><body><br/> <h1>ini yaitu judul dengan h1 </h1><br/> <h2>ini yaitu judul dengan h2 </h2><br/> <h3>ini yaitu judul dengan h3 </h3><br/> <h4>ini yaitu judul dengan h4 </h4><br/> <h5>ini yaitu judul dengan h5 </h5><br/> <h6>ini yaitu judul dengan h6 </h6><br/></body><br/></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:
|
1 |
<!DOCTYPE html><br/><html><br/><head><br/> <title>Belajar HTML Basic</title><br/></head><br/><body><br/> <h1>Judul Artikel</h1><br/> <p>.....pembahasan artikel.....</p><br/> <h2>Sub Judul Artikel 1</h2><br/> <p>.....pembahasan sub artikel 1.....</p><br/> <h2>Sub Judul Artikel 2</h2><br/> <p>.....pembahasan sub artikel 2.1.....</p><br/> <h2>Sub Sub Judul Artikel 2.1</h2><br/> <p>.....pembahasan sub sub artikel 2.1.....</p><br/></body> |
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
Sumber https://www.duniailkom.com/
