2 menit baca
Apa Itu HTML
Fondasi HTML untuk memahami struktur halaman web, semantik, dan elemen dasar.
Dokumentasi HTML
Fondasi dasar halaman web. Pelajari struktur dokumen semantik, elemen dasar, formulir, aksesibilitas (A11y), dan praktik baik SEO.
23Artikel
Memulai
1 MateriDasar-Dasar
5 Materi7 menit baca
HTML Semantics dan Struktur Dokumen
Panduan HTML semantics: pakai elemen sesuai makna, struktur dokumen, landmark ARIA, heading hierarki untuk aksesibilitas dan SEO.
9 menit baca
HTML Forms Inputs Labels Validation Accessibility
HTML Forms Inputs Labels Validation Accessibility
Elemen Dasar
8 Materi2 menit baca
HTML Headings Outline H1 H6
Hierarchy heading HTML (h1–h6) dan pengaruhnya ke document outline serta SEO.
2 menit baca
HTML Paragraphs Text Formatting Strong Em Code
Elemen teks inline HTML: p, strong, em, code, mark, dan kapan masing-masing dipakai.
1 menit baca
HTML Lists Ul Ol Dl Nested
Tiga jenis list HTML (unordered, ordered, description) dan pola list bersarang.
Tables
1 Materi2 menit baca
HTML Table Accessibility Lanjut Scope Caption Aria Grid
Panduan a11y tabel HTML: caption, th scope col/row, thead/tbody, ARIA grid untuk kasus kompleks, dan jebakan th tanpa scope + table untuk layout.
Form
3 Materi1 menit baca
HTML Form Basic Input Label Fieldset
Struktur form HTML yang accessible: label terikat, fieldset/legend, dan input text.
1 menit baca
HTML Form Validation Required Pattern Min Max
Validasi sisi klien bawaan HTML: required, pattern, min/max, type, dan message.
1 menit baca
HTML Form Controls Select Textarea Checkbox Radio
Kontrol form lanjut: select/option, textarea, checkbox, radio, dan grouping.
Struktur Dokumen
1 Materi1 menit baca
HTML Document Outline Sectioning Header Nav Main
Elemen sectioning HTML5: header, nav, main, article, section, aside, footer, dan outline.
Aksesibilitas
2 Materi1 menit baca
HTML Aria Landmarks Roles Dasar
Pengenalan ARIA landmark/role untuk aksesibilitas ketika semantik HTML tidak cukup.
1 menit baca
HTML Accessibility Wcag Skip Link Focus Keyboard
Praktik aksesibilitas inti: skip link, manajemen fokus, navigasi keyboard, dan WCAG.
Praktik Baik
1 Materi1 menit baca
HTML Semantic Best Practices SEO Onpage
Praktik penulisan HTML semantik yang ramah SEO dan maintainability.
Forms
1 Materi2 menit baca
HTML Form Accessibility Lanjut Autocomplete Aria Describedby Error Messaging
Panduan a11y form HTML: token autocomplete resmi, aria-describedby ke hint, aria-invalid + role=alert, dan jebakan tanpa label + placeholder sebagai label.