Panduan lengkap elemen teks HTML untuk pengembangan web modern
HTML menyediakan berbagai elemen untuk memformat teks sesuai kebutuhan konten Anda.
<h1>Heading Level 1</h1>
<h2>Heading Level 2</h2>
<p>Ini adalah paragraf biasa.</p>
<b>Teks tebal</b> dan <i>teks miring</i>
<strong>Teks penting (strong)</strong>
<em>Teks dengan penekanan (em)</em>
<mark>Teks yang ditandai</mark>
<small>Teks kecil</small>
<del>Teks yang dihapus</del>
<ins>Teks yang disisipkan</ins>
<sub>Subscript</sub> dan <sup>Superscript</sup>
🔍 Penjelasan Detail:
• <h1> sampai <h6> - Heading untuk hierarki judul
• <p> - Elemen paragraf dasar
• <b> dan <i> - Untuk teks tebal dan miring (tanpa makna semantik)
• <strong> dan <em> - Memberikan penekanan semantik
• <mark> - Menyoroti teks seperti stabilo
• <small> - Untuk teks kecil seperti disclaimer
• <del> dan <ins> - Menunjukkan revisi teks
• <sub> dan <sup> - Untuk notasi ilmiah dan matematika
Gunakan <strong> dan <em> daripada <b> dan <i> untuk aksesibilitas yang lebih baik dan makna semantik!
Elemen untuk membuat tautan dan referensi dalam dokumen HTML.
<!-- Link biasa -->
<a href="https://example.com">Visit Example</a>
<!-- Link dengan target -->
<a href="/about" target="_blank">About Us (buka di tab baru)</a>
<!-- Kutipan -->
<blockquote cite="https://example.com/source">
Ini adalah kutipan panjang yang mungkin berasal dari sumber eksternal.
</blockquote>
<q>Ini adalah kutipan pendek.</q>
<cite>The Art of HTML</cite> oleh John Doe
🔍 Penjelasan Detail:
• <a> - Elemen hyperlink untuk navigasi
• href - Atribut wajib yang menentukan URL tujuan
• target="_blank" - Membuka link di tab/window baru
• <blockquote> - Untuk kutipan panjang dengan indentasi
• <q> - Untuk kutipan pendek (biasanya dengan tanda kutip)
• <cite> - Untuk referensi judul karya
• Atribut cite - Menentukan sumber kutipan (tidak terlihat)
Selalu gunakan atribut title pada link untuk penjelasan tambahan yang muncul saat hover, sangat membantu untuk aksesibilitas!