Belajar HTML : Heading pada HTML – Bagian VI

Diposting pada
Belajar HTML : Heading pada HTML - Bagian VI

Sebelumnya kita telah selesai belajar mengenai Atribut pada HTML, dan kali ini kita akan belajar mengenai Heading HTML. Heading atau bisa juga disebut sebagai Judul yang dapat ditampilkan dihalaman website.

Contoh Heading pada HTML

<!doctype html>
<html>
  <body>
    <h1>Heading 1</h1>
    <h2>Heading 2</h2>
    <h3>Heading 3</h3>
    <h4>Heading 4</h4>
    <h5>Heading 5</h5>
    <h6>Heading 6</h6>
  </body>
</html>

Heading HTML

Untuk menuliskan Heading atau Judul didokumen HTML, kalian dapat menggunakan tag <h1> sampai <h6>.
Tag <h1> mendefinisikan Judul yang paling penting, sedangkan tag <h6> mendefinisikan Judul biasa saja. Contoh :

See the Pen Heading HTML by Rahman (@rahmannur19) on CodePen.

Catatan : Disaat kalian menuliskan Heading pada HTML, Browser akan secara otomatis menambahkan beberapa Spasi (Margin) sebelum dan sesudah Heading.

Pentingnya Menuliskan Heading atau Judul

Menuliskan judul pada sebuah dokumen merupakan hal penting, karena mesin pencari menggunakan Judul untuk mengindeks struktur dan konten halaman web. 
Setiap pengguna Browser akan selalu melihat halaman dengan judulnya. Oleh karena itu sangat penting untuk menuliskan Heading atau judul pada setiap halaman untuk memperlihatkan struktur dokumen tersebut.
Disaat menuliskan judul gunakan tag <h1> sebagai Judul paling Utama, diikuti dengan tag <h2> Untuk Judul, dan tag <h3> untuk Subjudul dan seterusnya.

Catatan : Gunakan Tag Heading hanya untuk menuliskan judul saja, jangan pernah menggunakan Tag Heading untuk membuat Teks Cetal Tebal atau Besar.

Mengatur Ukuran Heading

Untuk mengatur ukuran Heading, kalian dapat menggunakan atribut style=” “ dan salah satu properti CSS yaitu font-size :. Contohya :

See the Pen Font-size Heading by Rahman (@rahmannur19) on CodePen.

Catatan : Pada umumnya, Tag Heading sudah memiliki ukuran Default, namun apabila menurutmu ukuran tersebut kurang cocok, kalian dapat mengatur ukurannya sebesar atau sekecil yang kalian inginkan.

Sumber : W3Schools.com

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *