Tutorial Belajar Headings di HTML


Headings adalah elemen HTML yang digunakan untuk menampilkan judul dari sebuah konten. Elemen headings ada 6 jenis, yakni <h1><h2>,<h3><h4><h5> dan <h6>.
Elemen <h1> menunjukkan tingkat kepentingan yang lebih tinggi daripada <h2>dan seterusnya. Elemen <h1> umumnya akan ditampilkan dengan ukuran huruf yang lebih besar dibanding <h2>, dan begitu seterusnya sampai <h6>.
Bila kita hendak membuat judul sebuah konten, maka gunakanlah <h1> sebagai prioritas utama. Bila hendak membuat subjudul di dalam konten, maka gunakan<h2>, dan bila hendak membuat sub-subjudul, maka gunakan <h3>, dan seterusnya.

PRAKTEK

  • Pada editor terdapat contoh kode berisi <h1> dan <h2>. Jalankan kode dan lihat hasilnya.
  • Buatlah elemen <h3> hingga <h6> di bawah paragraf kedua. Jalankan dan bandingkan tampilan heading 1 sampai 6.


<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
   <h1>Judul Utama</h1>
       <p>Paragraf pertama.</p>
        
        <h2>Subjudul</h2>
        <p>Paragraf kedua.</p>
</body>
</html>
Hasilnya:

Judul Utama

Paragraf pertama.

Subjudul

Paragraf kedua.

Subscribe to receive free email updates:

0 Response to "Tutorial Belajar Headings di HTML"

Posting Komentar