Heading adalah sebuah judul yang biasanya diberikan pada halaman atau beberapa bagian dari artikel.
Cara membuat Heading di HTML
Judul pada HTML dapat kita buat dengan tag <h1> sampai <h6>. Tag <h1> digunakan pada judul level pertama. Lalu tag lainnya digunakan pada sub heading atau level berikutnya. Masing-masing judul akan ditampilkan dengan ukuran teks yang bebeda. Tag <h1> adalah yang paling besar, dan tag <h6> paling kecil.
Contoh :
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML#6</title>
</head>
<body>
<h1>Ini Judul Level 1</h1>
<h2>Ini Judul Level 2</h2>
<h3>Ini Judul Level 3</h3>
<h4>Ini Judul Level 4</h4>
<h5>Ini Judul Level 5</h5>
<h6>Ini Judul Level 6</h6>
</body>
</html>
Hasilnya :
Mari kita coba membuat sebuah artikel yang dilengkapi dengan heading.
Contoh :
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML#6</title>
</head>
<body>
<h1>Belajar Heading di HTML</h1>
<p>
Heading di HTML ada enam, yakni H1, H2, H3, H4, H5, dan H6.
Heading berfungsi untuk membuat judul untuk artikel dan juga
sub judul pada bagian artikel.
</p>
<h2>Membuat Sub Judul</h2>
<p>
Sub judul atau sub heading dimulai dengan tag H2. Lalu diikuti
dengan tag selanjutnya hingga sampai H6. Sementara itu, tag H1
hanya digunakan untuk judul artikel saja.
</p>
</body>
</html>
Hasilnya :
Perbedaan Heading dengan Title dan Header
Meskipun sama-sama digunakan untuk urusan judul, tapi tiga elemen ini berbeda.
- Heading adalah judul untuk artikel dan bagian artikel yang dibuat dengan tag <h1> sampai <h6>
- Title adalah judul dari web yang dibuat dengan tag <title>
- Header adalah bagian kepala (kop) pada web yang dibaut dengan tag <header>
0 komentar:
Posting Komentar