Heading HTML

  1. › 
  2. ›  › 
  3. Heading HTML

Heading (Kepala Halaman)

Format teks judul dalam halaman.
Dalam HTML, teks judul (title) disebut sebagai heading.
Perhatikan contoh artikel dibawah ini :
Contoh artikel
<h1>Judul Utama<h1>
<h2>Sub Judul<h2>
<p>Paragraf pendeskripsi maksud dari judul, teks paragraf teks paragraf teks paragraf teks paragraf teks paragraf teks paragraf<p>
<h3>Sub Judul<h3>
<p>Paragraf pendeskripsi maksud dari judul, teks paragraf teks paragraf teks paragraf teks paragraf teks paragraf teks paragraf<p>
<h4>Sub Judul<h4>
<p>Paragraf pendeskripsi maksud dari judu, teks paragraf teks paragraf teks paragraf teks paragraf teks paragraf teks paragraf<p>

Berdasarkan contoh diatas, didalam 1 halaman terdapat beberapa teks heading. Dimana masing-masing memiliki peran dalam mendeskripsikan artikel yang diulas pada halaman tersebut.

Dibawah ini adalah pembagian heading dalam HTML.

<h1>Heading</h1>
<h2>Heading</h2>
<h3>Heading</h3>
<h4>Heading</h4>
<h5>Heading</h5>
<h6>Heading</h6>

Heading HTML dibagi menjadi 6, mulai h1,h2,h3,h4,h5 dan h6.

Ukuran teks Heading HTML

Masing-masing heading memiliki ukuran teks yang membedakan heading 1 dengan yang lainnya.
  1. h1 = 2em 32px
  2. h2 = 1.5em 24px
  3. h3 = 1.17em 18.72px
  4. h4 = 1em 16px
  5. h5 = 0.83em 13.28px
  6. h6 = 0.67em 10.72px

Daftar ukuran teks heading diatas merupakan default (standard), dan dalam penggunaannya tidak harus menggunakan ukuran tersebut, melainkan menyesuaikan dengan tampilan dalam sebuah halaman.

Komentar

Posting Komentar