Web Basics — HTML & CSS · ⁨Dasar Web — HTML & CSS⁩

Every lesson runs in your browser — write real code, press Run, and the tasks check themselves. Free, no account needed, with translated notes paired with English. · ⁨Setiap pelajaran berjalan di browser Anda — tulis kode nyata, tekan Jalankan, dan tugas memeriksa dirinya sendiri. Gratis, tidak perlu akun, dengan catatan terjemahan yang dipasangkan dengan bahasa Inggris.⁩

Start the course · ⁨Mulai kursus⁩

Lessons in this course · ⁨Pelajaran dalam kursus ini⁩

No lessons match. Clear the search or choose another filter.

1. history A short history of the web · ⁨Sejarah singkat web⁩ Reading and resources
2. usage What a web page is made of · ⁨Apa saja penyusun halaman web⁩ Reading and resources
3. resources Where to learn more · ⁨Di mana untuk belajar lebih lanjut⁩ Reading and resources
4. setup What you need (almost nothing) · ⁨Yang Anda butuhkan (hampir tidak ada)⁩ Reading and resources
5. 01 Your first web page · ⁨Halaman web pertama Anda⁩ 2 required tasks Video
6. 02 Headings and paragraphs 2 required tasks Video
7. 03 Bold, italic and line breaks · ⁨Bold, italic, dan baris baru⁩ 2 required tasks Video
8. 04 Lists · ⁨Daftar⁩ 2 required tasks Video
9. 05 Links 2 required tasks Video
10. 06 Images · ⁨Gambar⁩ 2 required tasks Video
11. 07 Make it a real page · ⁨Jadikan halaman ini sebagai halaman nyata⁩ 2 required tasks Video
12. 08 Comments and neat nesting 2 required tasks Video
13. 09 Tables · ⁨Tabel⁩ 2 required tasks Video
14. 10 Forms · ⁨Bentuk-bentuk⁩ 2 required tasks Video
15. 11 Boxes and sections · ⁨Kotak dan bagian⁩ 2 required tasks Video
16. 12 Add some style · ⁨Tambahkan sedikit gaya⁩ 2 required tasks Video
17. 13 Selectors — class and id · ⁨Pemilih — class dan id⁩ 2 required tasks Video
18. 14 Colours and backgrounds · ⁨Warna dan latar belakang⁩ 2 required tasks Video
19. 15 Styling text · ⁨Gaya teks⁩ 2 required tasks Video
20. 16 The box model · ⁨Model kotak⁩ 2 required tasks Video
21. 17 Spacing — margin and padding · ⁨Spasi — margin dan padding⁩ 2 required tasks Video
22. 18 Showing and hiding (display) · ⁨Menampilkan dan menyembunyikan (display)⁩ 2 required tasks Video
23. 19 Width and centering · ⁨Lebar dan perataan tengah⁩ 2 required tasks Video
24. 20 Rows with Flexbox · ⁨Baris dengan Flexbox⁩ 2 required tasks Video
25. 21 Mini-project: a profile card · ⁨Proyek mini: kartu profil⁩ 3 required tasks Video

Language reference · ⁨Referensi Bahasa⁩

/know/reference/html