Heading merupakan element atau tag HTML yang berfungsi untuk menunjukkan bagian penting pada halaman web. element tag heading ini memiliki enam tingkatan tyang 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> heading yang digunakan untuk penulisan judul utama dari dokument
- <h2> heading yang digunaakan sebagai sub <h1>
- <h3> heading yang digunakan sebagai sub <h2>
- Untuk penggunaan <h4><h4><h5><h6> tergantung peogramer sendiri untuk memperindah halaman web.
Berikut contoh penerapan masing-masing lement/tag heading :
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>ini adalah heading 1</h1>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title></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>
Dari contoh yang 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.cungukitem.com/"><h1>ini adalah heading 1 </h1></a> </body>
</html>
Contoh diatas yaitu penggunaan tag heading yang berada dalam tag <a>. sedengkan element href digunakan untuk menghubungkan dengan dokumen/link yang lain. ketika diklik pada “ini adalah heading 1” akan di alihkan ke halaman http://www.cungukitem.com
kesimpulannya : salah fungsi dari tag hading ini adalah untuk merapikan struktur penulisan dalam HTML, misalkan penulisan judul yang menggunakan text yang lebih besar dari sub judul.
![Cara Membuat Foto Sampul Facebook Keren dan Unik [Tools Online]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihTdosiQ6a7NvxVromfDJ7CGnfuEM5gb0mPoe4nvoCQ2iRAOK9wEojx9RjR2woJCKSgi1cTQopksEUj7iXmuLToCpt-Dgu5R54oE8943lTtx1UlGfQmookWzjMuFhkHhI9Efb0aNq9FMXe/s72-c/Timeline_Cover_doNotRename23+(FILEminimizer).png "Cara Membuat Foto Sampul Facebook Keren dan Unik [Tools Online]")
0 comments
Post a Comment