Didalam HTML, heading di definisikan dengan tag <h1> sampai dengan tag <h6>. Dimana tag <h1> merepresentasikan judul yang paling utama/ paling umum dan tag <h6> menunjukkan judul yang paling khusus/ judul paling kecil.
Contoh :
<!DOCTYPE html>
<html>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>
Hasil dari script diatas adalah seperti ini :
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lalu apa fungsi Heading ini ?
Begini...,
Heading digunakan oleh search engine untuk meng-index struktur dan konten dari sebuah web page. Selain itu, user juga biasanya menelusuri sebuah halaman berdaarkan judulnya. Sehingga menjadi sangat penting menggunakan Heading untuk menunjukkan struktur dari dokumen tersebut.
Ukuran font nya sendiri, setiap heading sudah memiliki ukuran bawaannya sendiri atau default size nya. Walaupun begitu, kita juga bisa menentukan ukuran font nya menggunakan atribut style, dengan menggunakan property CSS font-size. Seperti ini contohnya :
<!DOCTYPE html>
<html>
<body>
<h1 style="font-size:60px;">Heading 1</h1>
<p>You can change the size of a heading with the style attribute, using the font-size property.</p>
</body>
</html>
Hasilnya akan nampak seperti ini :
Heading 1
You can change the size of a heading with the style attribute, using the font-size property.
Referensi : w3schools.com
| Prev. Chapter | Next Chapter |
|---|---|
| HTML ATTRIBUTES | HTML PARAGRAPH |
Tidak ada komentar:
Posting Komentar