Belajar HTML Dasar – Memahami Tag Element Heading Di HTML(Part 4)

belajar html dasar part 1

Hallo sobat CakMan.ID J setelah Anda memahami beberapa artikel Belajar HTML Dasar di artikel-artikel sebelumnya mungkin Anda sudah sedikit banyak mengetahui tentang tata cara penulisan kode HTML, pada artikel kali ini kita akan membahas sebuah elemen tag yang bernama Heading.

Heading adalah suatu element tag pada HTML yang digunakan untuk menampilkan bagian penting pada halaman web. Element tag heading yang satu ini mempunyai 6 level yang berurutan yakni <h1>,<h2>,<h3>,<h4>,<h5>,<h6> yang dapat dipakai untuk menambah ke struktur halaman web. Pada masing-masing head masing-masing heading ini yakni teks dari yang terbesar sampai yang terkecil. Heading yang terbesar adalah heading tag <h1> kemudian <h2> sampai yang terkecil yaitu <h6>.

Tiap heading ini memiliki fungsi sendiri-sendiri misalnya :

  1. Element tag heading <h1> dipakai untuk penulisan judul utama dari sebuah dokumen dokumen atau page
  2. Element tag heading <h2> dipakai untuk sub judul dari elemen tag <h1>
  3. Element tag heading <h3> dipakai untuk sub judul dari elemen tag <h2>
  4. Untuk tag <h4>, <h5>, dan <h6> biasanya hanya dipakai untuk keperluan tampilan website bagi beberapa programmer Front End.

Jadi kurang lebih seperti itu fungsi penggunaan dari elemen tag Heading dan dibawah ini adalah contoh penulisan elemen tag Heading pada HTML :

<!DOCTYPE html>
<html>
<head>
<title>Ini Contoh tag heading</title>
</head>
<body>
<h1>Contoh element tag heading 1</h1>
</body>
</html>

Dan hasil dari kode html diatas akan jadi seperti ini :

Belajar HTML Dasar Part 4 - 1
Belajar HTML Dasar Part 4 – 1

Kalian juga bisa mencoba kode dibawah ini, contoh penggunaan elemen tag dari <h1> sampai <h6> :

<!DOCTYPE html>

<html>

<head>

<title>Contoh penggunaan tag dari <h1> sampai <h6></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 akan Nampak seperti dibawah ini :

Belajar HTML Dasar Part 4 - 2
Belajar HTML Dasar Part 4 – 2

Tak hanya sebatas menampilkan tulisan besar kecil saja, tetapi kalian juga bisa mengkombinasikan tag heading ini dengan tag lain, misalnya mengkombinasikan dengan elemen tag <a> yang berfungsi untuk mengarahkan ke halaman :

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<body>

<a href="https://www.malasngoding.com/"><h1>ini adalah heading 1 </h1></a>

</body>

</html>

 

Dan hasilnya akan menjadi seperti gambar dibawah ini :

Belajar HTML Dasar Part 4 - 3
Belajar HTML Dasar Part 4 – 3

Jadi kesimpulannya, tag heading digunakan untuk menampilkan judul dan dapat dikombinasikan dengan tag lain.

Baca juga artikel yang berkaitan :

1. Belajar HTML Dasar – Pengertian HTML (Part 1)

2. Belajar HTML Dasar – Menentukan Editor Program (Part 2)

3. Belajar HTML Dasar – Memahami Syntax Pada HTML (Part 3)

Baiklah sekian artikel kali ini yang berjudul Belajar HTML Dasar – Memahami Tag Element Heading Di HTML (Part4) semoga artikel ini dapat bermanfaat untuk Anda sekalian. Dan sampai jumpa di artikel selanjutnya

You Might Also Like

Leave a Reply

Your email address will not be published. Required fields are marked *