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 :
1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>ini adalah heading1</h1>
</body>
</html>
heading satu
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>ini adalah heading1</h1>
<h2>ini adalah heading2</h2>
<h3>ini adalah heading3</h3>
<h4>ini adalah heading4</h4>
<h5>ini adalah heading5</h5>
<h6>ini adalah heading6</h6>
</body>
</html>
contoh penulisan heading
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 :
1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<ahref="https://www.malasngoding.com/"><h1>ini adalah heading1</h1></a>
</body>
</html>
Belajar HTML Heading Pada HTML
contoh diatas yaitu penggunaan tag heading yang berada dalam tag <a>. sedengkan element hrefdigunakan untuk menghubungkan dengan dokumen/link yang lain. ketika diklik pada “ini adalah heading 1” akan di alihkan ke halaman https://www.malasngoding.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.
Di tutorial ini teman-teman akan belajar membuat navbar responsive dengan HTML dan CSS. Dengan penggunaan website yang berkembang pesat saat ini, kita wajib memastikan website ...
Dari semua tutorial dasar HTML yang telah teman-teman pelajari di malasngoding.com, teman-teman bisa mencoba membuat halaman website sederhana untuk latihan. Pada tutorial ini saya akan ...
Pada tutorial ini kita akan Belajar Membuat Show Hide Password Di HTML dengan sangat mudah dan sederhana. Pada umumnya, inputan pada form password akan disamarkan ...
Halo sobat malasngoding.com pada artikel kali ini Kita akan pelajari bagaimana cara membatasi jumlah karakter yang di input kedalam form menggunakan HTML. Dalam membuat form ...
Download Ebook belajar HTML & CSS dasar untuk pemula gratis.
Ebook ini bisa di download oleh teman-teman yang baru mulai belajar HTML dan CSS dasar tapi tidak tahu mau memulai belajar dari mana.
materi pembelajaran sudah di susun secara sistematis dan di dukung contoh gambar.