asrul.devPengantar
Selamat datang di series 7 Hari HTML5. Series ini interaktif: kamu bisa mengedit kode dan melihat preview langsung di halaman ini — tidak perlu buka file lokal dulu.
HTML5 adalah standar markup modern untuk menyusun kerangka halaman web. Tanpa HTML, CSS dan JavaScript tidak punya tempat menempel.
Kenalan
Pahami apa itu HTML5 dan kerangka dokumen.
Rencana 7 hari
| Hari | Topik |
|---|---|
| 1 | Pengantar HTML5 & dokumen pertama |
| 2 | Struktur dokumen & elemen semantik |
| 3 | Teks, list, link, dan gambar |
| 4 | Tabel dan form |
| 5 | Audio, video, dan media |
| 6 | Semantik lanjutan & aksesibilitas |
| 7 | Mini proyek: halaman profil |
Apa itu HTML5?
HTML (HyperText Markup Language) menyusun konten web: teks, tautan, gambar, form, audio, video, dan lainnya. HTML5 adalah versi yang dipakai browser saat ini.
Coba: dokumen HTML pertama
Ubah teks di editor kiri/atas — preview kanan/bawah ikut berubah.
Dokumen HTML5 pertama
Memahami kerangka dasar
<!DOCTYPE html>— dokumen ini HTML5<html lang="id">— root;langmembantu aksesibilitas & SEO<head>— metadata (judul tab, charset, viewport)<body>— konten yang dilihat pengunjung<meta charset="UTF-8" />— karakter tampil benar<meta name="viewport" ... />— nyaman di mobile
Kuis hari 1
Bagian mana yang berisi konten yang dilihat pengunjung?
Apa fungsi utama atribut lang pada tag html?
Checklist
0/4 selesai