Headings
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 1</h2>
<p>Paragraf kedua.</p>
<h3>Subjudul 2</h3>
<h4>Subjudul 3</h4>
<h5>Subjudul 4</h5>
<h6>Subjudul 5</h6>
<p> lebih gede paragraf daripada subjudul</p>
</body>
</html>
Tidak ada komentar:
Posting Komentar