Heading dalam HTML Dasar
Heading merupakan element atau tag HTML yang berfungsi untuk menunjukkan bagian penting pada halaman web. element 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/element <h1> lebih besar dari element/tag <h2> dan seterusnya.
Penggunaan masing-masing heading juga berbeda, berikut penggunaan masing-masing tag/element heading yang sering digunakan pada pengolahan halaman web :
<h1> adalah heading yang digunakan untuk penulisan judul utama dari dokumen
<h2> adalah heading yang digunaakan sebagai sub dari <h1>
<h3> adalah heading yang digunakan sebagai sub dari <h2>
Untuk penggunaan <h4><h4><h5><h6> tergantung programmer sendiri untuk memperindah halaman web sesuai keperluan.
Berikut contoh penerapan masing-masing element/tag heading :
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>ini adalah heading 1</h1>
<h2>ini adalah heading 2</h1>
<h3>ini adalah heading 3</h1>
<h4>ini adalah heading 4</h1>
<h5>ini adalah heading 5</h1>
<h6>ini adalah heading 6</h1>
</body>
</html>
<head>
<title></title>
</head>
<body>
<h1>ini adalah heading 1</h1>
<h2>ini adalah heading 2</h1>
<h3>ini adalah heading 3</h1>
<h4>ini adalah heading 4</h1>
<h5>ini adalah heading 5</h1>
<h6>ini adalah heading 6</h1>
</body>
</html>
ini adalah heading 1
ini adalah heading 2
ini adalah heading 3
ini adalah heading 4
ini adalah heading 5
ini adalah heading 6
Dari contoh diatas, dapat anda lihat perbedaan antara masing-masing heading, penulisan heading ini boleh digunakan didalam jenis tag yang lain.
Berikut contoh penggunaan element heading di dalam tag lain :
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a href="http://www.weblogpedia.com/"><h1>ini adalah heading 1 </h1></a>
</body>
</html>
<head>
<title></title>
</head>
<body>
<a href="http://www.weblogpedia.com/"><h1>ini adalah heading 1 </h1></a>
</body>
</html>
ini adalah heading 1
contoh diatas yaitu penggunaan tag heading yang berada dalam tag <a>. sedangkan atribut href digunakan untuk menghubungkan dengan dokumen/link yang lain. ketika di klik pada “ini adalah heading 1” maka halaman akan dialihkan ke halaman : "http://www.weblogpedia.com/".
Demikian Untuk Tutorial Kali ini, Untuk Selanjutnya kita akan "Belajar Format Teks dan Paragraf dalam HTML Dasar".
Komentar spam, menyertakan Link Aktif dan Alamat Blog tidak akan muncul.
Kami menerima masukan dari anda jika memang ada pembahasan yang keliru.
kami sangat senang jika anda dapat berkontribusi untuk menyempurnakan postingan kami.
EmoticonEmoticon