Heading merupakan elemet atau tag HTML yang berfungsi untuk menunjukkan bagian penting pada halaman web. perbedaan pada halaman web. elemet tag heading ini memiliki 6 tingkatan yang berurutan yaitu <h1>, <h2>, <h3>, <h4>, <h5>, <h6> yang bisa digunakan untuk menambah ke struktur halaman web. perbedaan masing-masing heading yaitu besar hingga kecil teks. contohnya tag/elemet <h1> lebih besar dari elemet/tag <h2> dan seterusnya.
Penggunaan masing-masing heading juga berbeda, berikut penggunaan masing-masing tag/elemet heading yang sering digunakan pada pengolahan halaman web :
<h1> adalah heading yang digunakan untuk penulisan judul utama dari dokumen
<h2> adalah heading yang digunakan sebagai sub dari <h1>
<h3> adalah heading yang digunakan sebagai sub dari <h3>
Untuk penggunaan <h4>, <h5>, <h6> tergantung anda sendiri untuk memperindah halaman web sesuai keperluan.
Berikut contoh penerapan masing-masing elemet/tag heading :
<!DOCTYPE html>
<html>
<head>
<title>mazkran</title>
</head>
<body>
<h1>Ini adalah heading 1</h1>
<h2>Ini adalah heading 2</h2>
<h3>Ini adalah heading 3</h3>
<h4>Ini adalah heading 4</h4>
<h5>Ini adalah heading 5</h5>
<h6>Ini adalah heading 6</h6>
</body>
</html>Dan hasilnya saat browser dijalankan pada browser.
Dari contoh diatas, dapat anda lihat perbedaan antara masing-masing heading. penulisan heading ini boleh digunakan didalam jenis tag yang lain. berikut contoh penggunaan elemet heading didalam tag lain
<!DOCTYPE html>
<html>
<head>
<title>Mazkran</title>
</head>
<body>
<a href="https://mazkran.blogspot.com/"><h1>ini adalah heading</h1></a>
</body>
</html>Dan hasilnya.
Contoh gambar diatas yaitu penggunan tag heading yang berada dalam tag <a>. Sedangkan atribut href digunakan untuk menghubungkan dengan dokumen/link yang lain. ketika diklik pada "ini adalah hrading" maka halaman akan di alihkan ke halaman https://mazkran.blogspot.com/
Posting Komentar