Emphasis, Importance & Quotes

Setelah lesson ini, kamu dapat memilih strong, em, blockquote, dan q berdasarkan maksud kalimat.

MULAI DARI SEBUAH PERTANYAAN

Pemahaman berawal dari pertanyaan.

“Aku ingin buku itu” dan “Aku ingin buku ITU” punya penekanan berbeda. HTML bisa menyampaikan penekanan, kepentingan, dan kutipan sebagai makna, bukan sekadar dekorasi.

Memilih strong, em, blockquote, dan q berdasarkan maksud kalimat.

PAHAMI KONSEPNYA

Penting dan ditekankan itu berbeda

Strong menandai kepentingan, keseriusan, atau urgensi: misalnya peringatan. Em memberi penekanan dalam kalimat: “aku ingin buku itu, bukan yang lain”. Browser biasanya menampilkan strong tebal dan em miring, tetapi alasan memilihnya adalah makna.

Kutipan panjang dan pendek

Gunakan blockquote untuk kutipan sebagai blok tersendiri; gunakan q untuk kutipan singkat di dalam kalimat. Sertakan sumber yang dapat dibaca jika mengutip orang atau karya nyata. Contoh ini memakai ucapan rekaan yang diberi konteks latihan.

Jangan memberi semua kata penekanan

Jika setiap kata dianggap penting, pembaca kehilangan petunjuk tentang prioritas. Pilih bagian yang memang mengubah makna atau perlu diperhatikan. Untuk efek visual semata, gunakan CSS ketika kamu mempelajarinya nanti.

CONTOH / KONTEKS

Contoh memperjelas konsep.

CONTOH HTML

<p><strong>Penting:</strong> kembalikan buku dalam keadaan kering.</p>
<p>Aku ingin membaca <em>hari ini</em>, bukan besok.</p>
<blockquote><p>Mulailah dari satu halaman.</p></blockquote>
<p>Itu pesan tokoh rekaan dalam latihan ini.</p>
<p>Ia juga berkata, <q>Baca pelan-pelan.</q></p>

HASIL DI BROWSER

Strong menunjukkan kepentingan, em menggeser penekanan, sementara blockquote dan q menandai kutipan dengan konteks sumber.

KESALAHAN YANG SERING TERJADI

<strong>Seluruh artikel berisi tulisan tebal hanya agar terlihat menarik.</strong>

Strong bukan pengganti desain tipografi. Pakai hanya pada isi yang memang penting; biarkan penjelasan biasa sebagai teks biasa.

COBA BERSAMA

Praktik memperjelas pemahaman.

01 Untuk peringatan “Jangan minum air ini”, elemen apa yang sesuai dengan urgensinya?

strongem untuk semua kata karena miringh1 di tengah paragraf

Boleh mencoba berkali-kali. Tugas mandiri berikutnya menjadi bukti penyelesaian lesson.

TULIS · LIHAT · PAHAMI

Beri makna pada papan kebun

Buat paragraf dengan strong untuk “Jangan injak bibit”, paragraf dengan em untuk “pagi”, satu blockquote berisi pesan rekaan “Rawat sedikit setiap hari.”, serta satu q di dalam paragraf. Sebutkan bahwa kutipan ini rekaan.

<p>Jangan injak bibit.</p>
<p>Kita menyiram pada pagi hari.</p>

index.htmlHTMLLn 1, Col 12 baris2 spasi

Pintasan & bantuan editor

Ctrl + Space: Tampilkan saran · ↑ ↓ memilih · Enter menerima · Esc menutup
Shift + Alt + F: Rapikan kode
Ctrl/⌘ + F: Cari dan ganti teks
Ctrl/⌘ + [ / ]: Kurangi / tambah indentasi
Tab: Pindah fokus; dalam snippet, pindah ke isian berikutnya. Esc lalu Tab untuk keluar.
Ctrl/⌘ + Z: Batalkan perubahan, termasuk format

Saran berasal dari bahasa, snippet, dan konteks lokal kode. Format berjalan di browser.

Preview dokumen

Ctrl/⌘ + Enter menjalankan preview. Preview memakai gaya bantu baca. Script dan pengiriman form dinonaktifkan. Ilustrasi contoh: assets/observatory.svg.

BAWA PEMAHAMAN INI BERSAMAMU

Praktik memberi dasar.

Strong untuk kepentingan; em untuk penekanan.
Blockquote untuk kutipan blok; q untuk kutipan inline.
Berikan konteks sumber kutipan dan jangan mengarang atribusi.

Teks bermakna

Lesson tuntas setelah tugas mandiri memenuhi tujuan. Kamu bebas membaca kembali kapan saja.

Hubungkan dengan konsep lain

Semantic HTML °HTML element °

Library: Tiga bahasa di balik satu halaman ↗

Ke lesson berikutnya →