Setelah mempelajari cara membuat paragraf HTML pada tutorial sebelumnya, dalam tutorial belajar HTML dasar kali ini kita akan membahas tentang cara membuat judul (heading) di dalam HTML.
Cara Membuat Judul (heading) di HTML
HTML menyediakan tag khusus untuk membuat judul atau di dalam HTML lebih di kenal dengan istilah: heading. Heading dirancang terpisah dari paragraf. Tag Heading biasanya digunakan untuk judul dari paragraf, atau bagian dari text yang merupakan judul.
Tag heading di dalam HTML terdiri dari 6 tingkatan, yaitu
, ,
,
,
, dan . Tag heading secara default akan ditampilkan oleh web browser dengan huruf tebal (bold). Tampilan dari tag header juga dibuat bertingkat. Tag header memiliki ukuran huruf paling besar, sedangkan terkecil.
. Tag heading secara default akan ditampilkan oleh web browser dengan huruf tebal (bold). Tampilan dari tag header juga dibuat bertingkat. Tag header memiliki ukuran huruf paling besar, sedangkan terkecil.
terkecil.
Berikut adalah contoh penggunaan tag heading di dalam HTML:
penggunaan tag heading
ini adalah judul dengan h1
ini adalah judul dengan h2
ini adalah judul dengan h3
ini adalah judul dengan h4
ini adalah judul dengan h5
ini adalah judul dengan h6
Biasanya dalam sebuah halaman akan ada hanya 1 tag
, dan beberapa tag dan dengan beberapa tag
dengan beberapa tag
. Berikut adalah contoh struktur artikel HTML sederhana dengan menggunakan tag
dan beberapa tag heading:
Belajar HTML Dasar
Judul Artikel
.....pembahasan artikel.....
Sub Judul Artikel 1
.....pembahasan sub artikel 1.....
Sub Judul Artikel 2
.....pembahasan sub artikel 2.1.....
Sub Sub Judul Artikel 2.1
.....pembahasan sub sub artikel 2.1.....
Dengan menggunakan beberapa tag heading dan paragraf, kita bisa membuat struktur sederhana konten HTML.
Search Engine seperti Google akan memberikan nilai lebih untuk heading. Biasanya semakin tinggi tingkat heading, semakin tinggi pula penekanan search engine. Tag
dianggap lebih bernilai dari pada . Tag umumnya digunakan untuk judul sebuah konten / artikel, sehingga dianggap dapat mewakili keseluruhan artikel.
umumnya digunakan untuk judul sebuah konten / artikel, sehingga dianggap dapat mewakili keseluruhan artikel.
Selain terdiri dari paragraf dan judul, sebuah struktur artikel juga perlu membuat daftar, atau dikenal sebagai list. Dalam tutorial selanjutnya kita akan membahas tentang Cara Membuat Daftar/List di HTML menggunakan tag
- ,
- .eBook HTML Uncover DuniailkomAnda serius ingin menguasai HTML? Duniailkom telah menyusun eBook HTML Uncover. eBook ini membahas HTML dengan lebih detail dan lebih lengkap hingga fitur terbaru HTML5. Penjelasan lebih lanjut bisa ke: eBook HTML Uncover Duniailkom.
Sumber wk.com
- dan
EmoticonEmoticon