Teks adalah isi utama hampir semua halaman web, dan HTML tidak sekadar menyediakan cara menampilkannya. Setiap elemen teks — dari heading sampai code — memikul makna: judul, paragraf, penekanan, kutipan, singkatan, atau kode komputer. Memilih elemen yang tepat membuat halaman kita dibacakan dengan benar oleh pembaca layar, dipahami lebih baik oleh mesin pencari, dan mudah dirawat karena struktur kontennya jelas sejak sumbernya ditulis.
Section ini berjalan dari fondasi ke detail: heading dan paragraf sebagai kerangka teks, strong dan em untuk penekanan, b dan i untuk kasus khususnya, blockquote, q, dan cite untuk kutipan, abbr untuk singkatan, lalu code, kbd, samp, dan var untuk teks komputer. Setelah itu kita bahas pre untuk teks yang spasi dan barisnya dipertahankan, br dan hr untuk ganti baris serta pemisah tematik, sup dan sub untuk teks naik-turun, time untuk tanggal terbaca mesin, dan address untuk kontak pemilik dokumen. Dua chapter terakhir melatih keterampilan yang sesungguhnya: memilih elemen berdasarkan makna, lalu menyusun struktur teks yang sehat untuk keseluruhan artikel.
Pelajari h1 sampai h6 untuk menyusun jenjang judul konten halaman.
Buka → # ParagraphPelajari elemen p untuk paragraf dan perilaku spasi kosong di HTML.
Buka → # Strong dan EmBedakan penekanan makna strong dengan penekanan aksen em pada teks.
Buka → # B dan IPelajari b dan i untuk penekanan visual tanpa makna semantik kuat.
Buka → # BlockquotePelajari blockquote untuk kutipan panjang beserta atribut cite-nya.
Buka → # Q dan CitePelajari q untuk kutipan pendek dan cite untuk menyebut sumber karya.
Buka → # AbbrPelajari abbr untuk singkatan beserta kepanjangannya pada atribut title.
Buka → # Code, Kbd, Samp, dan VarKenali empat elemen inline untuk menandai kode, tombol, keluaran, dan variabel.
Buka → # PrePelajari pre untuk menampilkan teks dengan spasi dan baris yang dipertahankan.
Buka → # Br dan HrPelajari br untuk ganti baris dan hr sebagai pemisah tematik.
Buka → # Sup dan SubPelajari sup untuk superscript dan sub untuk subscript.
Buka → # TimePelajari time untuk menandai tanggal dan jam yang terbaca mesin.
Buka → # AddressPelajari address untuk informasi kontak pemilik dokumen atau artikel.
Buka → # Div dan SpanKenali div dan span sebagai wadah generik ketika elemen semantik tidak tersedia.
Buka → # Memilih Elemen TeksLatih memilih elemen teks yang tepat berdasarkan makna, bukan tampilan.
Buka → # Struktur Teks yang BaikSusun teks yang mudah dibaca: heading berurutan, paragraf wajar, dan penekanan secukupnya.
Buka →