HTML Paragraphs Text Formatting Strong Em Code
Ringkasan
Teks di HTML dibungkus elemen semantik: p untuk paragraf, dan elemen inline untuk memberi makna pada bagian teks (tekanan, penekanan, kode).
Konsep Dasar
<p>= paragraf (block).<strong>= kepentingan/urgensi tinggi (bukan sekadar tebal).<em>= penekanan (bukan sekadar miring).<code>= potongan kode.<pre>untuk blok kode preservasi spasi.<mark>= highlight relevansi.<small>= catatan kecil/legal.<sub>/<sup>= subscript/superscript.
Cara Kerja / Struktur
Elemen inline mengalir di dalam block. CSS dapat mengubah tampilan tanpa mengubah makna.
html<p>Untuk menjalankan server, pakai perintah <code>npm start</code>.
Ini <strong>wajib</strong> dan <em>sangat disarankan</em> dijalankan di mode dev.</p>Contoh Kode
html<p>Hasil perhitungan: x<sup>2</sup> + y<sub>0</sub> = <mark>42</mark>.</p>
<pre><code>console.log("halo");</code></pre>Catatan Implementasi
- Jangan pakai
<b>/<i>kalau<strong>/<em>lebih tepat;<b>/<i>murni presentasi tanpa makna. <pre>mempertahankan spasi & newline — cocok untuk kode/ASCII art.
Kesalahan Umum
- Menaruh block element (
<div>,<p>) di dalam<p>— tidak valid. - Pakai
<br>untuk spasi antar paragraf (pakai margin CSS).
Glosarium
- Inline element: elemen yang tidak patah baris sendiri.
- Semantik: makna, bukan tampilan.