Belajar HTML Bagian 8 : Cara Membuat Heading di HTML

Tag Heading merupakan tag khusus yang disediakan oleh HTML untuk membuat sebuah judul dalam sebuah halaman web. Tag Heading secara default ditampilkan oleh browser dengan ukuran yang lebih besar dan lebih tebal dari teks biasa.

Tag Heading dalam HTML terdiri dari 6 tingkatan bedasarkan ukuran dan tebal hurufnya. Tag Heading tersebut yaitu <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. Tag Heading <h1> memiliki ukuran huruf yang paling besar diantara Tag Heading lainnya, sedangkan <h6> memiliki ukuran huruf paling kecil diantara Tag Heading lainnya.

Tag Heading <h1> biasa digunakan untuk membuat judul utama, diikuti oleh <h2> untuk judul, sedangkan subjudul <h3> dan seterusnya.

Berikut ini adalah contoh untuk penggunaan Tag Heading di dalam HTML :

<!DOCTYPE html>
<html>
<head>
 <title>Belajar HTML</title>
</head>
<body>
 <h1>Heading tingkatan 1</h1>
 <h2>Heading tingkatan 2</h1>
 <h3>Heading tingkatan 3</h1>
 <h4>Heading tingkatan 4</h4>
 <h5>Heading tingkatan 5</h5>
 <h6>Heading tingkatan 6</h6>
</body>
</html>

Jika sobat jalankan file HTML di browser, maka hasilnya akan seperti ini :


Berikut ini adalah contoh penggunaan Tag Heading untuk membuat judul utama, judul dan subjudul :

<!DOCTYPE html>
<html>
<head>
 <title>Belajar HTML</title>
</head>
<body>
 <h1>Judul Utama Artikel</h1>
 <p>...Pembahasan Artikel...</p>
 <h2>Judul Artikel 1</h2>
 <p>...Pembahasan Artikel 1...</p>
 <h2>Judul Artikel 2</h2>
 <p>...Pembahasan Artikel 2...</p>
 <h3>Sub Judul Artikel 1</h3>
 <p>...Pembahasan Sub Artikel 1...</p>
</body>
</html>

Jika sobat jalankan file HTML di browser, maka hasilnya akan seperti ini.


Perlu diperhatikan, untuk membuat tulisan berukuran besar jangan menggunakan Tag Heading karena pada dasarnya Tag Heading hanya untuk membuat judul dan subjudul. Kalau ingin membuat tulisan yang berukuran besar maka sobat bisa menggunakan CSS, tapi Saya tidak akan menjelaskan di Tutorial HTML ini, nanti akan Saya buatkan di Tutorial CSS.

Gunakanlah Tag Heading dalam membuat halaman web, karena Tag Heading sangat berperan penting dalam meningkatkan nilai web sobat di mata search engine. Tag <h1> dianggap lebih bernilai dari pada <h2>, kenapa Tag <h1> umumnya digunakan untuk judul sebuah artikel, sehingga dapat dianggap mewakili keseluruhan artikel.

Pada artikel selanjutnya sobat akan mempelajari Cara Membuat Daftar di HTML.

Comments

Popular posts from this blog

20 Template Blogger SEO Friendly dan Responsive Gratis

Cara Menginstall Phoenix OS Pada Windows 10

Cara Menghapus Antivirus Avast Dengan Benar

Cara Mengatur Posisi dan Tampilan Gambar di HTML

Cara Membuat Bootable USB Flashdisk Windows 10 Menggunakan Rufus

Cara Memblokir Akses Internet Aplikasi Windows 10 Tanpa Aplikasi Pihak Ketiga

4 Template Blogger Buatan Mas Sugeng Yang Dibagikan Secara Gratis

7 Aplikasi Pemutar Video Terbaik Untuk PC/Laptop

41 Latar Belakang Abu-abu Yang Cocok Untuk di Desain

Kumpulan Pantun Jenaka