Heading, Paragraf, dan Format Teks

Heading: Judul Bertingkat

HTML punya enam level heading, dari <h1> (paling penting) sampai <h6> (paling tidak penting):

<h1>Judul Utama Halaman</h1>
<h2>Sub Judul Bagian</h2>
<h3>Sub-sub Judul</h3>

Aturan emasnya: satu halaman cukup satu <h1>. Anggap <h1> sebagai judul buku, <h2> sebagai judul bab, dan <h3> sebagai sub-bab. Jangan loncat level (misalnya langsung dari <h1> ke <h3>), karena mesin pencari dan screen reader membaca struktur ini untuk memahami hierarki kontenmu.

Catatan teknis: Jangan pakai heading cuma karena teksnya tampil besar. Ukuran itu urusan CSS. Pakai heading sesuai maknanya: seberapa penting bagian itu dalam struktur dokumen.

Paragraf

Tag <p> untuk blok teks biasa. Setiap <p> otomatis dipisah baris baru oleh browser:

<p>Ini paragraf pertama. Isinya satu ide pokok.</p>
<p>Ini paragraf kedua. Ide yang berbeda, paragraf yang berbeda.</p>

Format Teks di Dalam Kalimat

Kadang kamu cuma mau menebalkan satu kata, bukan seluruh paragraf. Ini tag-tagnya:

<p>Saya <strong>sangat</strong> suka ngoding.</p>
<p>Judul buku biasanya ditulis <em>miring</em>.</p>
<p>Rumus air: H<sub>2</sub>O. Pangkat: 2<sup>3</sup> = 8.</p>
<p><u>Garis bawah</u> dan <mark>stabilo</mark> juga bisa.</p>

Perhatikan: pakai <strong>, bukan <b>, kalau maksudmu "teks ini penting". Pakai <em> (emphasis), bukan <i>, kalau maksudmu "teks ini ditekankan". Bedanya: <strong> dan <em> punya makna, sedangkan <b> dan <i> cuma soal tampilan. Screen reader membacakan <strong> dengan penekanan suara.

Baris Baru dan Garis Pemisah

• <br>: pindah baris di dalam paragraf yang sama (void element, tanpa penutup).
• <hr>: garis horizontal pemisah antar bagian.

<p>Baris pertama<br>baris kedua, masih satu paragraf.</p>
<hr>
<p>Bagian baru setelah garis.</p>

Contoh Lengkap

<h1>Resep Mie Goreng</h1>
<p>Mie goreng adalah <strong>makanan sejuta umat</strong> di Indonesia.</p>
<h2>Bahan-bahan</h2>
<p>Siapkan mie, telur, dan <em>kecap manis secukupnya</em>.</p>
<hr>
<h2>Langkah</h2>
<p>Rebus mie<br>tumis bumbu<br>aduk jadi satu.</p>

Dengan heading, paragraf, dan format teks saja, kamu sudah bisa bikin artikel yang rapi dan bermakna.