Keranjang Coding : product


?>

Membuat Heading Pada Html


  • 20-05-2020
  • 419
  • html



Belajar HTML,dan Mengenal Heading Pada HTML

Assalamualaikum Warahmatullahi Wabarokatu...

Kembali lagi di materi selanjutnya pada pembahasan Tutorial HTML, Sebelumnya kita sudah belajar pengenalan html, text editor apa saja yang digunakan untuk menulis script html kita, selanjutnya mengenal tag pada html, dan untuk pembahasan kali ini kita akan mempraktekan bagaimana cara nya 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. fungsi heading pada html ini mempengaruhi website kita, dimana mesin pencari akan membaca postingan yang ada pada website kita ini dari heading pada html itu sendiri.

Penggunaan masing-masing heading juga berbeda, berikut penggunaan masing-masing tag/element heading yang sering digunakan pada pengolahan halaman web :

  1. <h1> heading yang biasanya 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 kita sendiri untuk memperindah halaman web.

Berikut ini cara penerapan heading pada html :

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Belajar Heading Html Di Matadeveloper</title>
</head>
<body>
  <h1>Ini Adalah Penerapan H1</h1>
</body>
</html>

Ini adalah penerapan heading tag <h1></h1>

Berikut untuk penerapan tag heading, disini kita bisa membedakan satu sama lain antara tag heading dan menampilkan besar kecil text yang berbeda.

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Belajar Heading Html Di Matdeveloper</title>
</head>
<body>
  <h1>Penerapan dengan h1</h1>
  <h2>Penerapan dengan h2</h2>
  <h3>Penerapan dengan h3</h3>
  <h4>Penerapan dengan h4</h4>
  <h5>Penerapan dengan h5</h5>
  <h6>Penerapan dengan h6</h6>
</body>
</html>

Dari contoh yang diatas dapat teman teman 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 untuk menuju alamat URL yang lain :

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Belajar Heading Html Di Matadeveloper</title>
</head>
<body>
  <a href="https://matadeveloper.com"><h1>Saya Belajar Html Di Matadeveloper</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 “Saya Belajar Html Di Matadeveloper” akan di alihkan ke halaman https://matadeveloper.com

Mungkin sampai sini dulu pembahasan kita mengenai heading html, dimana berfungsi menampilkan ukuran text yang berbeda-beda, dan sebagai kata kunci mesin pencari atau SEO ( Search Engine Optimation) yang nanti bakal dijelaskan juga mengenai itu dalam memaksimalkan halaman website kita untuk meningkatkan juga trafic pengunjung yang datang di website kita, demikian pembahasan kali ini, sampai jumpa di pembahasan tutorial html selanjutnya, terima kasih ...........

Tags : html

Sekilas Tentang Penulis


Kharisma Maulana Pasaribu,ST
Software Engineer | Fullstack Developer | Founder of Matadeveloper.com



Prev Post
Mengenal Tags Pada Html
Next Post
Memilih Text Editor Html