1 menit baca
HTML Aria Landmarks Roles Dasar
Pengenalan ARIA landmark/role untuk aksesibilitas ketika semantik HTML tidak cukup.
Dokumentasi HTML
Fondasi dasar halaman web. Pelajari struktur dokumen semantik, elemen dasar, formulir, aksesibilitas (A11y), dan praktik baik SEO.
24Artikel
Aksesibilitas
2 Materi1 menit baca
HTML Accessibility Wcag Skip Link Focus Keyboard
Praktik aksesibilitas inti: skip link, manajemen fokus, navigasi keyboard, dan WCAG.
Dasar-Dasar
3 Materi9 menit baca
HTML Forms Inputs Labels Validation Accessibility
HTML Forms Inputs Labels Validation Accessibility
9 menit baca
HTML Links Images Lists Metadata Semantic Inline Content
Panduan praktis elemen HTML untuk link, gambar, list, metadata, dan inline semantic content, termasuk atribut penting dan jebakan umum.
Elemen Dasar
9 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
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
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.
Metadata
2 Materi2 menit baca
HTML Meta Tags SEO Open Graph Twitter Card Structured Data
Panduan HTML meta SEO: description, Open Graph, Twitter Card, JSON-LD structured data, canonical, dan jebakan tanpa og:image + deskripsi duplikat.
1 menit baca
HTML Meta Viewport Charset Document Head
Elemen di <head>: charset, viewport, title, meta description, dan base.
Praktik Baik
2 Materi1 menit baca
HTML Semantic Best Practices SEO Onpage
Praktik penulisan HTML semantik yang ramah SEO dan maintainability.
1 menit baca
HTML Validation Praktik Baik
Cara memvalidasi HTML, tools, dan daftar praktik baik penulisan HTML.
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.
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.