Bentuk
Penulisan TAG HEADING
Terdapat 6 tingkatan Heading dalam
HTML seperti yang telah dijelaskan sebelumnya. Setiap Heading dalam dokumen
harus diberikan tanda TAG, Bentuk penulisannya seperti beikut:
“<hn> Tulisan yang akan anda buat menjadi Heading</hn>”
Catatan: Tanpa tanda petik didalam
penulisannya
Penjelasan:
1. <hn> Merupakan tag pembuka dari heading, dimana h
yang berartikan heading sedangkan n merupakan bilangan yang mengatur besar
kecilnya tulisan heading( yaitu bilangan
1,2,3,4,5,dan 6). Semakin besar angka yang digunakan untuk menggantikan n
maka semakin kecil tulisan headingnya.
2. </hn> Merupakan tag penutub dari heading,
dimana sebelum huruf h terdapat tanda atau symbol yang berfungsi sebagai
penutup dan n merupakan bilangan yang sama dengan bilangan yang diberikan pada
tag pembukanya.
Penerapan didalam HTML
Tag Heading bila mana diterapkan
dalam media editor sebagai berikut:
<html>
<head>
<title>Contoh Heading HTML</title>
</head>
<body>
<h1>Contoh Heading Nomor 1</h1>
<h2>Contoh Heading Nomor 1</h2>
<h3>Contoh Heading Nomor 1</h3>
<h4>Contoh Heading Nomor 1</h4>
<h5>Contoh Heading Nomor 1</h5>
<h6>Contoh Heading Nomor 1</h6>
</body>
</html>
<head>
<title>Contoh Heading HTML</title>
</head>
<body>
<h1>Contoh Heading Nomor 1</h1>
<h2>Contoh Heading Nomor 1</h2>
<h3>Contoh Heading Nomor 1</h3>
<h4>Contoh Heading Nomor 1</h4>
<h5>Contoh Heading Nomor 1</h5>
<h6>Contoh Heading Nomor 1</h6>
</body>
</html>
Silahkan disimpan dengan nama file contoh_heading.html kemudian jalankan browser anda dan gunakan perintah “CTRL+O” untuk membuka file HTML anda tadi
Dan hasilnya akan terlihat seperti
ini:
Nah jika untuk rata tengah atau
center maka masukkan tag berikut:
<html>
<head>
<title>Contoh Heading HTML</title>
</head>
<body>
<h1 align="Center">Contoh Heading Nomor 1</h1>
<h2 align="Center">Contoh Heading Nomor 1</h2>
<h3 align="Center">Contoh Heading Nomor 1</h3>
<h4 align="Center">Contoh Heading Nomor 1</h4>
<h5 align="Center">Contoh Heading Nomor 1</h5>
<h6 align="Center">Contoh Heading Nomor 1</h6>
</body>
</html>
<head>
<title>Contoh Heading HTML</title>
</head>
<body>
<h1 align="Center">Contoh Heading Nomor 1</h1>
<h2 align="Center">Contoh Heading Nomor 1</h2>
<h3 align="Center">Contoh Heading Nomor 1</h3>
<h4 align="Center">Contoh Heading Nomor 1</h4>
<h5 align="Center">Contoh Heading Nomor 1</h5>
<h6 align="Center">Contoh Heading Nomor 1</h6>
</body>
</html>
Maka hasilnya seperti ini untuk
center:
Nah untuk rata kanan maka masukkan
tag seperti ini:
<html>
<head>
<title>Contoh Heading HTML</title>
</head>
<body>
<h1 align="right">Contoh Heading Nomor 1</h1>
<h2 align="right">Contoh Heading Nomor 1</h2>
<h3 align="right">Contoh Heading Nomor 1</h3>
<h4 align="right">Contoh Heading Nomor 1</h4>
<h5 align="right">Contoh Heading Nomor 1</h5>
<h6 align="right">Contoh Heading Nomor 1</h6>
</body>
</html>
<head>
<title>Contoh Heading HTML</title>
</head>
<body>
<h1 align="right">Contoh Heading Nomor 1</h1>
<h2 align="right">Contoh Heading Nomor 1</h2>
<h3 align="right">Contoh Heading Nomor 1</h3>
<h4 align="right">Contoh Heading Nomor 1</h4>
<h5 align="right">Contoh Heading Nomor 1</h5>
<h6 align="right">Contoh Heading Nomor 1</h6>
</body>
</html>
Dan hasilnya akan seperti ini
Sekian dari saya semoga dapat membantu anda sekalian. J
