Pemrograman Elektronik dan IoT

Heading atau Judul di HTML

Heading adalah elemen HTML yang digunakan untuk membuat judul atau sub judul pada sebuah halaman web. Heading HTML memiliki enam tingkatan, dimulai dari level 1 hingga level 6. Tag <h1> sebagai heading level tertinggi atau level 1 akan memunculkan ukuran font paling besar. Sedangkan tag <h6> sebagai heading level terendah atau level 6 akan memunculkan font dengan ukuran paling kecil. atau dengan kata lain semakin besar nomor pada tag heading, semakin kecil ukuran font yang ditampilkan.

Mesin pencari menggunakan judul untuk mengindeks struktur dan konten halaman web. Biasanya user sering membaca sekilas halaman berdasarkan judulnya, jadi penting untuk menggunakan judul untuk menunjukkan struktur dokumen. Judul <h1> harus digunakan untuk judul utama, diikuti oleh judul  <h2>, kemudian  <h3> yang kurang penting, dan seterusnya.

Gambar: Contoh heading hierarki


Membuat Judul Dengan Heading

Judul utama halaman web menggunakan heading 1 <h1>, sedangkan elemen heading <h2> sampai <h6> digunakan untuk sub-judul yang lebih kecil dan detail.

Contoh :

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Heading atau Judul Halaman Web</title>
</head>
<body>

    <h1>Heading 1</h1>
    <p>Ini elemen paragraf</p>

    <h2>Heading 2</h2>

    <h3>Heading 3</h3>
    <h4>Heading 4</h4>

    <h3>Heading 3</h3>
    <h4>Heading 4</h4>
     
</body>
</html>


Hasilnya akan tampil sebagai berikut :


Atribut Heading

Heading tidak memiliki atribut khusus. Tetapi memiliki atribut global atau atribut umum yang ada pada HTML. atribut pada elemen heading misalkan :

  1. id : Digunakan untuk menentukan id unik untuk suatu elemen, biasanya untuk link CSS dan Javascript
  2. class : Menentukan satu atau lebih nama kelas untuk suatu elemen, untuk keperluan style di CSS
  3. style : Menentukan gaya dengan CSS untuk suatu elemen



Share:

0 comment:

Posting Komentar

HALO

Haloooooo

Pengikut