Tutorial HTML Lengkap : Membuat Heading pada Html

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 :

  1. <h1> heading yang digunakan untuk penulisan judul utama dari dokument
  2. <h2> heading yang digunaakan sebagai sub <h1>
  3. <h3> heading yang digunakan sebagai sub <h2>
  4. 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.


Previous
Next Post »