Sunday, February 24, 2019

HTML : Heading pada HTML

FAJARYUSUF.COM

Di dalam tutorial HTML Dasar, saya sudah bahas sekilas tentang Heading yang berguna untuk membuat judul pada HTML. Sekarang saya akan bahas tutorial yang sedikit lebih spesifik tentang heading yaitu HTML heading.

HTML Heading


Pada dokumen HTML ada tag yaitu tag heading. Tag heading memiliki urutan dimulai dari <h1> sampai <h6>. Tag ini sering digunakan untuk judul, bisa judul utama, subjudul, bab dan subbab. Semakin besar urutannya maka ukuran hurufnya akan semakin kecil.

Fungsinya apa ?

1. Fungsinya untuk mendefinisikan judul secara khusus.
2. Untuk faktor SEO, penggunaan heading ini untuk menekankan kepada search engine bahwa artikel kita memiliki topik penting yang dibahas dan memudahkan search engine untuk mengenali struktur pada halaman yang kta buat.
3. Untuk mengklasifikasikan judul. Misal judul yang paling utama menggunakan tag <h1>, untuk subjudul menggunakan tag <h2>, untuk bab menggunakan tag <h3> dan seterusnya.

Untuk lebih jelasnya ayo kita lihat penampakannya ya, Anda bisa menggunakan HTML Editor FajarYusuf.Com untuk mencobanya dan masukkan coding berikut :

<!DOCTYPE html>
<html>
<body>
 
<h1>tutorial belajar HTML dasar di fajaryusuf.com</h1>
<h2>tutorial belajar HTML dasar di fajaryusuf.com</h2>
<h3>tutorial belajar HTML dasar di fajaryusuf.com</h3>
<h4>tutorial belajar HTML dasar di fajaryusuf.com</h4>
<h5>tutorial belajar HTML dasar di fajaryusuf.com</h5>
<h6>tutorial belajar HTML dasar di fajaryusuf.com</h6>
 
</body>
</html>


Anda bisa mencoba ganti tulisan - tulisan yang diapit oleh tag - tag h diatas dengan judul - judul karangan Anda sendiri. Setelah itu lihat hasilnya di browser.


Anda akan lihat perbedaan di setiap baris judul ya? Mulai tebal dan besar sampai kecil dan tipis. Kalau Anda lihat mulai dari <h1> itu adalah judul utama yang memiliki prioritas paling penting, dalam teknik SEO heading <h1> ini digunakan untuk mempermudah search engine mengenali isi artikel Anda. Nah di HTML, fungsi heading ini secara khusus untuk judul, jadi tolong inget - inget ya.


Penting ! Meskipun tag heading mampu menebalkan dan membesarkan tulisan, gunakan tag ini khusus hanya untuk judul.



Oiya satu hal lagi yang perlu Anda tahu bahwa browser akan menambahkan space putih istilahnya margin atau jarak atas dan bawah secara otomatis sebelum dan setelah heading. Lihat gambar di bawah ini.


fajaryusuf.com

Disini Anda sudah pelajari HTML Heading yang digunakan untuk memprioritaskan judul, mengklasifikasikan judul dan membuat search engine lebih mudah mengenali struktur halaman. Kalau ada judul, ada juga paragraf. Nah di HTML kita bisa membuat paragraf yang akan saya bahas di tutorial selanjutnya yaitu HTML paragraf.


Reviewer: FajarYusuf.Com
ItemReviewed: HTML : Heading pada HTML

Seseorang yang ingin membagi pengalaman dan ilmu yang berguna untuk para pembaca FajarYusuf.Com :)

TENTANG SITUS

SITUS INI ADALAH SITUS INFO GAME TERBARU DAN JUGA SITUS PEMBELAJARAN PEMROGRAMAN DAN JUGA PEMAHAMAN TERHADAP TEKNOLOGI KOMPUTER. KALIAN BISA MENGIKUTI PEMBELAJARAN PEMROGRAMAN DENGAN BERTAHAP PADA MATERI YANG SUDAH SAYA SEDIAKAN, JIKA ADA MATERI YANG MEMBINGUNGKAN SILAKAN LAKUKAN KOMENTAR PADA MATERI YANG ANDA TANYAKAN ATAU KALIAN BISA MENGHUBUNGI SAYA DIHALAMAN KONTAK.