iklan

Mengenal Fungsi Tab H1 Dalam HTML

H1
Pada posting yang sebelumnya kita telah membahas tentang beberapa tag dan fungsinya, tapi dalam HTML masih banyak tag yang wajib di pakai contohnya pada posting kali ini saya akan membahas tentang salah satu tag dalam HTML yaitu tag <h1>.

Dalam HTML terdapat tag khusus untuk membuat sebuah judul, tag ini adalah tag <h1> , tag ini berasal dari kata heading, dan juga dirancang agar terpisah dengan paragraf, tag heading ini biasanya digunakan untuk judul dari sebuah paragraf.

Dalam tag heading ini memiliki 6 jenis yaitu, <h1>, <h2>, <h3>,<h4>, <h5>, dan <h6>. dalam tingkatan ini semakin besar nomor yang digunakan maka semakin kecil ukuran huruf yang ditampilkan, secara default tag ini akan menggunakan huruf tebal atau Bold.

Berikut akan saya berikan contoh menggunakan tag heading:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan tag Heading</title>
</head>
<body>
<p>Berbagai jenis tag heading</p>
<h1>Tag H1</h1>
<h2>Tag H2</h2>
<h3>Tag H3</h3>
<h4>Tag H4</h4>
<h5>Tag H5</h5>
<H6>Tag H6</h6>
</body>
</html>
CT.jpg

Dan hasilnya akan seperti di atas, tapi dalam pembuatan artikel terkadang kita juga menggunakan tag heading ini, berikut adalah contoh struktur penggunaan tag heading dalam artikel:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Tag Heading</title>
</head>
<body>
<h1>Judul Artikel</h1>
<p>.....Isi Artikel........</p>
<h2>Sub Judul Artikel</h2>
<p>.....Isi Sub Judul Artikel........</p>
<h2>Sub Judul Artikel 2</h2>
<p>.....Isi Sub Judul Artikel 2........</p>
<h3>.....Sub Judul Artikel 2.1......</h3>
<p>.......Isi Sub Judul Artikel 2.1............</p>
</body>
</html>
Dengan menggunakan tag heading dengan benar kita bisa membuat sebuah konten sederhana hanya menggunakan HTML.

Dalam Search Engine mereka akan memberikan nilai lebih pada tag heading. Tag <h1> juga dianggap lebih bernilai dari pada  tag <h2>, ataupun <h3>, karena tag heading dianggap mewakili semua isi konten atau artikel.

Happy Blogging....................(Cara-Blogger)

0 Response to "Mengenal Fungsi Tab H1 Dalam HTML"

Post a Comment