Setelah mengetahui bagaimana cara untuk membuat paragraf di HTML, pada kesempatan kali ini kita akan mempelajari cara pembuatan judul di HTML.
Cara Membuat Judul/Heading di HTML (tag h1)
Dalam dunia HTML, ada istilah yang disebut dengan heading, inilah yang akan kita bahas kali ini. Heading adalah sebuah tag yang disediakan untuk membuat judul dalam suatu paragraf, dan letaknya akan dipisahkan dengan paragraf itu sendiri.
Dalam penggunaannya, heading memiliki 6 tingkatan, mulai dari tingkat 1 sampai tingkat ke-6 yaitu <h1>,<h2>,<h3>,<h4>,<h5>,dan <h6>. Setiap heading memiliki ukuran default berbeda-beda, <h1> akan memiliki ukuran paling besar dan <h6> memiliki ukuran terkecil.
Berikut contoh penggunaan tag heading dalam HTML
[code hl="1, 4, 7"]
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Tag Heading</title>
</head>
<body>
<h1>menggunakan tag h1 </h1>
<h2>menggunakan tag h2 </h2>
<h3>menggunakan tag h3 </h3>
<h4>menggunakan tag h4 </h4>
<h5>menggunakan tag h5 </h5>
<h6>menggunakan tag h6 </h6>
</body>
</html>
[/code]
Dalam prakteknya, satu halaman website biasanya hanya menggunakan satu tag h1 dan beberapa tag h2, h3 dan tag p. Ini bertujuan untuk membuat artikel yang baik untuk dibaca dan juga memiliki SEO yang bagus.
Contoh struktur artikel sederhana
[code hl="1, 4, 7"] <html> <head> <title>Struktur Artikel Sederhana</title> </head> <body> <h1>Judul Utama</h1> <p>----Pembahasan----</p> <h2>Sub Judul 1</h2> <p>----Pembahasan Sub Judul 1----</p> <h2>Sub Judul 2</h2> <p>----Pembahasan Sub Judul 2----</p> <h2>Sub Sub Judul 2.1</h2> <p>----Pembahasan Sub Judul 2.1----</p> </body> </html> [/code]
Dengan menggunakan struktur sederhana seperti contoh diatas, kita sudah bisa membuat struktur konten pada HTML.
Penggunaan tag heading itu akan membantu Search Engine seperti Google, Bing dan lain-lain untuk mengindeks situs kita lebih baik. Mesin pencarian akan menilai tag <h1> lebih dari pada tag <h2>, tag <h2> dinilai lebih dari tag <h3> dan seterusnya.
Setelah memahami penggunaan tag heading dalam struktur sederhana artikel dalam HTML, kita juga harus mempelajari cara membuat daftar atau list yang akan sangat berguna saat membuat artikel. Jadi pada artikel selanjutnya kita akan membahas Cara Menggunakan Daftar/List di HTML menggunakan tag <li>,<ol>, dan <ul>.
No comments:
Write comments