08 - Cara Menciptakan Judul / Heading Di Html (Tag H1)
Setelah mempelajari cara menciptakan paragraf HTML pada tutorial sebelumnya, dalam tutorial berguru HTML dasar kali ini kita akan membahas wacana cara menciptakan judul (heading) di dalam HTML.
Cara Membuat Judul (heading) di HTML
HTML menyediakan tag khusus untuk menciptakan judul atau di dalam HTML lebih di kenal dengan istilah: heading. Heading dirancang terpisah dari paragraf. Tag Heading biasanya dipakai untuk judul dari paragraf, atau bab dari text yang merupakan judul.
Tag heading di dalam HTML terdiri dari 6 tingkatan, yaitu <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6>. Tag heading secara default akan ditampilkan oleh web browser dengan aksara tebal (bold). Tampilan dari tag header juga dibentuk bertingkat. Tag header <h1> mempunyai ukuran aksara paling besar, sedangkan <h6> terkecil.
Berikut ialah teladan penggunaan tag heading di dalam HTML:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <!DOCTYPE html><html><head> <title>penggunaan tag heading</title></head><body> <h1>ini ialah judul dengan h1 </h1> <h2>ini ialah judul dengan h2 </h2> <h3>ini ialah judul dengan h3 </h3> <h4>ini ialah judul dengan h4 </h4> <h5>ini ialah judul dengan h5 </h5> <h6>ini ialah judul dengan h6 </h6></body></html> |
<!DOCTYPE html><html><head> <title>Belajar HTML Dasar</title></head><body> <h1>Judul Artikel</h1> <p>.....pembahasan artikel.....</p> <h2>Sub Judul Artikel 1</h2> <p>.....pembahasan sub artikel 1.....</p> <h2>Sub Judul Artikel 2</h2> <p>.....pembahasan sub artikel 2.1.....</p> <h2>Sub Sub Judul Artikel 2.1</h2> <p>.....pembahasan sub sub artikel 2.1.....</p></body> Dengan memakai beberapa tag heading dan paragraf, kita sanggup menciptakan struktur sederhana konten HTML.
Search Engine menyerupai Google akan menunjukkan nilai lebih untuk heading. Biasanya semakin tinggi tingkat heading, semakin tinggi pula pengutamaan search engine. Tag <h1> dianggap lebih bernilai dari pada <h2>. Tag <h1> umumnya dipakai untuk judul sebuah konten / artikel, sehingga dianggap sanggup mewakili keseluruhan artikel.
Selain terdiri dari paragraf dan judul, sebuah struktur artikel juga perlu menciptakan daftar, atau dikenal sebagai list. Dalam tutorial selanjutnya kita akan membahas wacana Cara Membuat Daftar/List di HTML memakai tag <ol>, <ul> dan <li>.
Dosen Desain Web 1 | Muqorobin, S.Kom
