Heading website di dalam HTML

heading html

Heading digunakan untuk memberikan penjudulan pada suatu dokumen HTML dan selain itu Format penjudulan dirancang terpisah dari paragraf.

Tag heading <h1> sampai dengan <h6>

Biasanya, tag <h1> digunakan untuk judul utama dan untuk judul subbabnya anda dapat menggunakan tag <h2> sampai dengan <h6>. Tag heading secara default akan ditampilkan oleh web browser dengan huruf tebal (bold). Tampilan dari tag header juga dibuat bertingkat. Tag header <h1> memiliki ukuran huruf paling besar, sedangkan <h6>  yang terkecil.

<!DOCTYPE html>
   <html>
    <head>
      <title>penggunaan tag heading</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>

heading html

Yuk coba praktikkan

Setiap level judul memiliki ukuran huruf yang berbeda-beda (namun anda masih bisa merubah ukurannya melalui CSS). Sebagai latihan, buatlah file HTML baru dengan nama latihan4.html lalu ketikkan kode HTML berikut :

<!DOCTYPE HTML>
  <HTML lang=‚en-US‛>
   <head>
      <title>Heading</title>
   </head>
       <body>
         <h1>Bab 1 : Pendahuluan</h1>
         <h2>1.1 Latar Belakang</h2>
          <p>Paragraf pendahuluan, bla..bla..</p>
         <h2>1.2 Pokok Permasalahan</h2>
          <p>Paragraf pendahuluan, bla..bla..</p>
         <h1>Bab 2 : Pembahasan</h1>
         <h2>2.1 Teori dan Konsep</h2>
           <p>Paragraf pendahuluan, bla..bla..</p>
         <h2>2.2 Algoritma Pemrograman</h2>
           <p>Paragraf pendahuluan, bla..bla..</p>
        </body>
 </HTML>

heading html h1-h6

Fungsi Heading

Adanya penjudulan dimaksudkan agar suatu dokumen HTML lebih terstruktur layaknya sebuah dokumen resmi seperti skripsi /paper yang mengharuskan adanya perbedaanantara Bab utama dan sub-babnya.

Selain itu, Search Engine seperti Google akan memberikan nilai lebih untuk heading. Biasanya semakin tinggi tingkat heading, semakin tinggi pula penekanan search engine. Tag <h1> dianggap lebih bernilai dari pada <h2>. Tag <h1>umumnya digunakan untuk judul sebuah konten / artikel, sehingga dianggap dapat mewakili keseluruhan artikel.

Selain terdiri dari paragraf dan judul, sebuah struktur artikel juga perlu membuat daftar, atau dikenal sebagai list. Dalam tutorial selanjutnya kita akan membahas tentang Cara Membuat Daftar/List di HTML menggunakan tag <ol>, <ul> dan <li>.

Tinggalkan Balasan

%d blogger menyukai ini: