Teks dalam dokumen umumnya mempunyai judul topik, pada dokumen HTML judul ini disebut heading. Heading tulisan akan ditampilkan dengan huruf yang lebih besar atau ditebalkan. Heading juga dimanfaatkan untuk menunjukan tingkat keberartian dari teks yang akan dituliskan.
Ada 6 tingkat heading dalam HTML, dinomori dari 1 sampai dengan 6. Nomor 1merupakan heading yang terbesar. Setiap heading dalam dokumen harus diberi tag, tergantung pada kebutuhan/keberartian teks tersebut, jika dianggap sangat penting kita bisa menganggap sebagai heading 1- digunakan tag <h1>.
Sintaks dalam heading:
<hy>Teks yang menjadi heading</hy>, dimana y adalah nomor heading.
Contoh html
Buat kode seperti di bawah ini, di notepad kalian.
(contoh-tag-heading.html)
<html>
<head>
<title>contoh heading</title>
</head>
<body>
<h1> Ini heading 1</h1>
<h2> Ini heading 2</h2>
<h3> Ini heading 3</h3>
<h4> Ini heading 4</h4>
<h5> Ini heading 5</h5>
<h6> Ini heading 6</h6>
<p>Gunakan tag heading hanya untuk heading. Jangan gunakan tag ini hanya sekedar untuk membuat suatu teks menjadi lebih besar.</p>
</body>
</html>
Megatur letak heading
Tag heading mempunyai atribut yang digunakan untuk mengatur letak heading dalam baris - align. Aligment heading :
<html>
<head>
<title>Contoh heading dengan alignment</title> </head>
<body>
<h1 align="center">heading 1 di tengah</h1>
<p>Heading di atas di posisikan di tengah baris. Heading di atas di posisikan di tengah baris</p>
<h1 align="right">heading 1 di kanan</h1>
<p>Heading di atas di posisikan di kanan baris. Heading di atas di posisikan di kanan baris</p> </body>
</html>
Tag heading mempunyai atribut yang digunakan untuk mengatur letak heading dalam baris - align. Aligment heading :
- kiri - left
- tengah - center
- kanan - right
Contoh html
Buat kode seperti di bawah ini, di notepad kalian.
(contoh-tag-mengatur-heading.html)<html>
<head>
<title>Contoh heading dengan alignment</title> </head>
<body>
<h1 align="center">heading 1 di tengah</h1>
<p>Heading di atas di posisikan di tengah baris. Heading di atas di posisikan di tengah baris</p>
<h1 align="right">heading 1 di kanan</h1>
<p>Heading di atas di posisikan di kanan baris. Heading di atas di posisikan di kanan baris</p> </body>
</html>
Jika atribut align tidak di isi maka heading secara default akan ditampilkan rata di sebelah kiri.
Jika dalam artikel kurang jelas, silahkan tanyakan di kolom komentar