Ads by Yasya El Hakim
Heading pada HTML

Heading pada HTML dapat ditulis dengan tag <h1> sampai <h6>.
<h1> Merupakan Heading yang paling penting dan <h6> juga merupakan Heading penting tetapi di posisi paling bawah.

Contoh
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6> 
See the Pen 16. Heading pada HTML by Yasya El Hakim (@elhakimyasya) on CodePen.

Catatan: Secara otomatis Browser akan menambahkan Margin sebelum dan sesudah Heading.

Heading Sangatlah Penting

Search Engine menggunakan Heading untuk meng-index struktur konten pada halaman Web.
Pengguna, sering melihat judul pada Heading. Maka dari itu, sangatlah penting untuk menggunakan Heading untuk menampilkan struktur dari halaman.
Heading <h1> harus digunakan pada Heading Utama, kemudian diikuti dengan Heading kedua <h2>, begitupula seterusnya.

Catatan: Jangan membuat Heading dengan teks tebal (Bold). Gunakanlah tag Heading saja.

Memperbesar Heading

Setiap Heading pada HTML memiliki ukuran Default. Maka dari itu, kalian bisa mengatur ukuran dari Heading dengan menggunakan atribut style dan property CSS font-size:
<h1 style="font-size:60px;">Heading 1</h1>
See the Pen 17. Ukuran Heading pada HTML by Yasya El Hakim (@elhakimyasya) on CodePen.

Horizontal Rules pada HTML

Tag <hr> merupakan Thematic Break atau pembatas pada halaman HTML.
Elemen <hr> dapat digunakan untuk membagi konten pada halaman HTML.
<h1>Ini Heading 1</h1>
<p>Teks Paragraf.</p>
<hr>

<h2>Ini Heading 2</h2>
<p>Teks Paragraf.</p>
<hr> 
See the Pen 18. Elemen hr pada Heading by Yasya El Hakim (@elhakimyasya) on CodePen.

Elemen <head> pada HTML

Elemen <head> merupakan tempat untuk Metadata. Metadata pada HTML merupakan data seputar dokumen HTML tersebut. Metadata tidak akan ditampilkan pada Browser.
Elemen <head> harus diletakkan diantara tag <html> dan tag <body>:
<!DOCTYPE html>
<html>

<head>
<title>Judul Halaman</title>
<meta charset="UTF-8">
</head>

<body>
.
.
. 
See the Pen 19. Elemen head pada HTML by Yasya El Hakim (@elhakimyasya) on CodePen.

Catatan: Biasanya, Metadata berupa judul halaman, Character Set, Style, dan Informasi Meta lainnya.

Sebelumnya: Tutorial Lengkap HTML: Atribut pada HTML - Bagian 5
Selanjutnya: Tutorial Lengkap HTML: Paragraf pada HTML - Bagian 7
Daftar Isi: Tutorial Lengkap HTML

Sumber: https://www.w3schools.com/

0Komentar

Sebelumnya Selanjutnya