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.

0 Response to "Belajar HTML Bagian 8 : Cara Membuat Heading di HTML"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel