Heading & Paragraf

Heading: judul dan sub-judul

HTML menyediakan enam tingkat judul, dari <h1> (terpenting) sampai <h6> (paling kecil):

<h1>Judul Utama</h1>
<h2>Sub-judul</h2>
<h3>Sub-sub-judul</h3>
<h4>Level 4</h4>
<h5>Level 5</h5>
<h6>Level 6</h6>

Heading bukan cara untuk "membesarkan tulisan". Ukurannya bisa diubah kapan saja dengan CSS. Fungsi asli heading adalah menunjukkan struktur dan tingkat kepentingan, seperti daftar isi sebuah buku.

Aturan emas heading

• Satu halaman idealnya hanya punya satu <h1>: judul utama halaman.
• Jangan melompat tingkat: setelah h2 pakai h3, bukan langsung h5.
• Jangan memilih heading hanya karena ukurannya. Pilih karena tingkatnya.

Mesin pencari seperti Google dan pembaca layar untuk tunanetra memakai heading untuk memahami isi halaman. Heading yang rapi membuat halamanmu lebih mudah ditemukan dan diakses.

Paragraf

Elemen <p> membungkus satu paragraf. Browser otomatis memberi jarak di atas dan di bawahnya.

<p>Paragraf pertama berbicara tentang HTML.</p>
<p>Paragraf kedua berbicara tentang CSS.</p>

Spasi dan Enter diabaikan!

Browser menggabungkan spasi dan baris kosong berlebih menjadi satu spasi. Jadi tiga kali tekan Enter di editor tidak membuat jarak tiga baris di halaman:

<p>Baris   ini
      punya    banyak spasi
dan baris baru.</p>

Hasilnya tetap satu baris panjang: "Baris ini punya banyak spasi dan baris baru."

Baris baru <br> dan garis <hr>

<p>Jl. Merdeka No. 10<br>Bandung<br>Indonesia</p>
<hr>