Tutorial HTML Part 7 : Mengenal Heading pada HTML

Tutorial HTML Part 7 : Mengenal Heading pada HTML
09 November 2019 15:15 Fauzan (Codekop) 593x
HTML

Tutorial pada kali ini kita akan membahas tentang Heading pada HTML. Langsung saja cekidot :

HEADING.

Heading adalah elemen HTML yang digunakan untuk menampilkan judul dari sebuah konten pada halaman web. Elemen headings ada 6 jenis yakni :

  1. <h1>..</h1>
  2. <h2>..</h2>
  3. <h3>..</h3>
  4. <h4>..</h4>
  5. <h5>..</h5>
  6. <h6>..</h6>

Keterangan :

Elemen <h1> Menunjukan tingkatan kepentingan yang lebih tinggi daripada <h2> dan seterusnya.

<h1> Umumnya akan menampilkan ukuran huruf yang lebih besar dari pada heading yang lainnya dan seterusnya dilanjut dari <h2> sampai dengan <h6>.

Contoh Pemakaian Script :

<h1> Ini Adalah Website Saya </h1>
<h2> Ini Adalah Website Saya </h2>
<h3> Ini Adalah Website Saya </h3>
<h4> Ini Adalah Website Saya </h4>
<h5> Ini Adalah Website Saya </h5>
<h6> Ini Adalah Website Saya </h6>

Hasil yang di peroleh adalah :

Ini adalah Website Saya

Ini adalah Website Saya

Ini adalah Website Saya

Ini adalah Website Saya

Ini adalah Website Saya

Ini adalah Website Saya
Ini adalah Website Saya

Bila kita hendak membuat judul sebuah konten, maka gunakanlah <h1> sebagai prioritas utama. Bila hendak membuat sub judul di dalam konten, maka gunakan <h2>, dan bila hendak membuat sub-sub judul, maka gunakan <h3>, dan seterusnya.

Berikut ini adalah Tutorial HTML Part 7 : Mengenal Heading pada HTML, Semoga dapat Bermanfaat .

Setelah Mengikuti dan memahami Mengenal Heading pada HTML, pada tutorial selanjutnya, kita akan mempelajari Tutorial HTML Part 8 : Mengenal Format Text HTML