Cara Membuat Judul atau Heading di HTML

Kuy Belajar - Cara Membuat Judul atau Heading di HTML. Assalamualaikum sobat semua, setelah pada pembahasan sebelumnya kita membahas tentang Cara Membuat Komentar di HTML. Kali ini kita akan membahas tentang cara membuat judul atau heading di HTML. Kuy kita mulai saja pembahsannya!

Mengenal Heading

heading atau lebih tepatnya TAG Heading merupakan TAG khusus yang disediakan oleh HTML untuk membuat sebuah judul pada teks dalam sebuah halaman web. TAG Heading secara default ditampilkan oleh browser dengan ukuran lebih besar dan lebih tebal (bold) dari teks biasa.

Tidak hanya sekedar untuk memberikan penampilan yang lebih tegas dan penekanan, TAG Heading juga sangat penting dalam kaitannya dengan teknik Search Engine Optimization (SEO).

TAG Heading dalam HTML terdiri dari 6 tingkatan berdasarkan tingkat penting dan ukurannya. TAG Heading tersebut adalah <h1>, <h2>, <h3>, <h4>, <h5> dan <h6>. TAG H1 memiliki ukuran paling besar, sedangkan TAG h6 memiliki ukuran paling kecil.

Contoh Penggunaan Heading di HTML

Berikut ini adalah contoh penggunaan teks heading.


<html>


<head>

<title>Kuy Belajar bikin judul</title>

</head>

<body>




  <h1>ini adalah judul dengan h1 </h1>

  <h2>ini adalah judul dengan h2 </h2>

  <h3>ini adalah judul dengan h3 </h3>

  <h4>ini adalah judul dengan h4 </h4>

  <h5>ini adalah judul dengan h5 </h5>

  <h6>ini adalah judul dengan h6 </h6>


</body>

</html>

Maka akan menghasilkan dokumen HTML seperti pada gambar berikut ini.

Biasanya dalam sebuah halaman akan ada hanya 1 tag <h1>, dan beberapa tag <h2> dan <h3> dengan beberapa tag <p>. Berikut adalah contoh struktur artikel HTML sederhana dengan menggunakan tag <p> dan beberapa tag heading.


<html>


<head>

<title>Kuy Belajar bikin heading</title>

</head>

<body>




<h1>Judul Artikel</h1>

  <p>.....pembahasan artikel.....</p>

    <h2>Sub Judul Artikel 1</h2>

    <p>.....pembahasan sub artikel 1.....</p>

    <h2>Sub Judul Artikel 2</h2>

    <p>.....pembahasan sub artikel 2.1.....</p>

      <h2>Sub Sub Judul Artikel 2.1</h2>

      <p>.....pembahasan sub sub artikel 2.1.....</p>


</body>

</html>

Dan kurang lebih seperti ini lah hasilnya.

Perlu diperhatikan bahwa walaupun TAG Heading ini memiliki ukuran yang bervariasi dan lebih tebal serta besar dari tag biasa, namun jangan gunakan TAG Heading ini hanya untuk membuat tulisan yang lebih besar.

Gunakanlah TAG Heading hanya untuk membuat judul dan subjudul, bukan untuk membuat tulisan berukuran besar. Karena pada dasarnya untuk membuat tulisan besar kita bisa menggunakan CSS.

Biasanya H1 hanya digunakan satu kali dalam sebuah halaman web, yaitu sebagai judul utama (judul besar). H2, H3 dan seterusnya bisa kita gunakan beberapa kali sebagai sub judul. earch Engine seperti Google akan memberikan nilai lebih untuk heading.

Biasanya semakin tinggi tingkat heading, semakin tinggi pula penekanan search engine.

Sekira nya itu lah cara membuat judul atau heading di HTML, sekian dulu dari saya "Singkat, Semoga Bermanfaat", Keep Coding ya sobat!

Kuy Ke pembahasan selanjutnya : Cara Membuat Link di HTML (Tag a)