Heading dan Paragraf
Menata Teks dalam HTML
Dua elemen paling mendasar dalam menampilkan teks di HTML adalah Heading (Judul) dan Paragraf.
1. Heading (<h1> - <h6>)
Heading digunakan untuk menentukan hirarki judul dan sub-judul pada halaman web. HTML menyediakan 6 tingkat heading, mulai dari <h1> (paling utama) hingga <h6> (paling kecil).
<h1>Heading Tingkat 1 (Judul Utama)</h1>
<h2>Heading Tingkat 2 (Sub-Judul)</h2>
<h3>Heading Tingkat 3</h3>
<h4>Heading Tingkat 4</h4>
<h5>Heading Tingkat 5</h5>
<h6>Heading Tingkat 6</h6>
Aturan Penggunaan Heading:
-
<h1>idealnya hanya ada 1 di setiap halaman (sebagai judul utama halaman/artikel). Ini sangat penting untuk SEO. - Gunakan heading secara berurutan berdasar hirarki (h1 → h2 → h3), jangan melompati tingkat heading hanya untuk memperbesar/memperkecil teks. Untuk ukuran visual, gunakan CSS.
2. Paragraf (<p>)
Tag <p> digunakan untuk membuat paragraf teks. Browser secara otomatis menambahkan ruang (margin) di atas dan di bawah elemen paragraf.
<p>Ini adalah paragraf pertama yang berisi teks penjelasan tentang topik pembahasan.</p>
<p>Ini adalah paragraf kedua. Setiap paragraf baru akan secara otomatis dimulai pada baris baru.</p>
3. Garis Baru (<br>) dan Garis Mendatar (<hr>)
Tag <br> (Line Break)
Digunakan untuk membuat baris baru di dalam satu paragraf tanpa membuat paragraf baru.
<p>
Jl. Sudirman No. 123<br>
Jakarta Selatan<br>
Indonesia
</p>
Tag <hr> (Horizontal Rule)
Digunakan untuk membuat garis pemisah horizontal yang membagi antar konten secara visual.
<h2>Bagian Pertama</h2>
<p>Konten bab 1...</p>
<hr>
<h2>Bagian Kedua</h2>
<p>Konten bab 2...</p>
