Semua track

Roadmap Belajar

HTML Dasar

Struktur dan fondasi setiap halaman web, dari nol sampai bisa bikin proyek sendiri.

8 bab70 modul±231 menit0%
Mulai dari awal
1

Bab 1

Bab 1: Pengenalan Web & Dokumen

Cara kerja web, kerangka dokumen, dan kosakata dasar HTML.

1.Pengenalan Web: Cara Kerja Browser dan ServerPemula
2.HTML Pertama: Struktur DokumenPemula
3.Tag, Elemen, dan AtributPemula
4.Komentar dan Best PracticePemula
5.Entity dan Karakter SpesialPemula
6.Layouting Dasar: div, span, class, idPemula
Kuis 5 soal terbuka di modul terakhir bab ini.
2

Bab 2

Bab 2: Teks & Link

Heading, format teks, list, dan semua jenis link.

7.Heading h1 sampai h6Pemula
8.Hierarki Heading dan SEOPemula
9.Paragraf dan Format TeksPemula
10.Format Teks Lanjutan: sub, sup, mark, codePemula
11.Block vs InlinePemula
12.List: ul, ol, liPemula
13.Description List: dl, dt, ddPemula
14.List BersarangPemula
15.Link Dasar: a hrefPemula
16.Link Lanjutan: Email, Telepon, AnchorPemula
17.Link Anchor dan Navigasi Satu HalamanPemula
18.Link pada Gambar dan TombolPemula
Kuis 5 soal terbuka di modul terakhir bab ini.
3

Bab 3

Bab 3: Media (Gambar, Audio, Video)

Gambar, figure, audio, video, iframe, dan favicon.

19.Gambar Dasar: img, src, altPemula
20.Gambar Lanjutan: figure, srcsetPemula
21.Memilih Format Gambar: JPG, PNG, SVG, WebPPemula
22.Alt Text MendalamPemula
23.Audio: Memutar SuaraPemula
24.Video: Menyematkan VideoPemula
25.Subtitle Video dengan trackPemula
26.iframe dan EmbedPemula
27.Favicon: Ikon Tab BrowserPemula
Kuis 5 soal terbuka di modul terakhir bab ini.
4

Bab 4

Bab 4: Tabel

Tabel dari dasar sampai aksesibel dan responsif.

28.Tabel Dasar: table, tr, tdMenengah
29.Tabel: thead, tbody, tfoot, thMenengah
30.Tabel: colspan dan rowspanMenengah
31.Tabel Aksesibel: scope dan captionMenengah
32.Caption dan Deskripsi TabelMenengah
33.colgroup dan colMenengah
34.Tabel Responsif di HPMenengah
Kuis 5 soal terbuka di modul terakhir bab ini.
5

Bab 5

Bab 5: Formulir

Form, semua jenis input, select, dan textarea.

35.Form Dasar: form, action, methodMenengah
36.GET vs POST MendalamMenengah
37.Input Teks: text, email, password, numberMenengah
38.Input Email MendalamMenengah
39.Input Password MendalamMenengah
40.Input Number dan RangeMenengah
41.Input Tel, URL, dan SearchMenengah
42.Input Tanggal dan WaktuMenengah
43.Checkbox dan RadioMenengah
44.Input File: Upload BerkasMenengah
45.Input Tersembunyi dan TombolMenengah
46.Select: Dropdown PilihanMenengah
47.Select Lanjutan: optgroup dan multipleMenengah
48.Textarea: Input MultibarisMenengah
Kuis 5 soal terbuka di modul terakhir bab ini.
6

Bab 6

Bab 6: Form Lanjutan & Semantik

Label, validasi mendalam, dan HTML semantik.

49.Label, Fieldset, LegendMenengah
50.Validasi Form Bawaan BrowserMahir
51.Validasi: requiredMahir
52.Validasi: pattern dengan RegexMahir
53.Validasi: Panjang dan Rentang AngkaMahir
54.Semantic HTML DasarMahir
55.article, section, asideMahir
56.Semantic: header dan footerMahir
57.Semantic: navMahir
58.Semantic: article MendalamMahir
59.Semantic: section MendalamMahir
60.Semantic: asideMahir
Kuis 5 soal terbuka di modul terakhir bab ini.
7

Bab 7

Bab 7: Aksesibilitas, SEO & Meta

Web untuk semua orang dan mudah ditemukan Google.

61.Aksesibilitas Dasar WebMahir
62.ARIA: Atribut Aksesibilitas LanjutanMahir
63.Meta: charset dan viewportMahir
64.Meta Tag dan SEO DasarMahir
65.Open Graph: Tampil Cantik Saat DibagikanMahir
Kuis 5 soal terbuka di modul terakhir bab ini.
8

Bab 8

Bab 8: Proyek Akhir

Tiga tugas besar + dua proyek mini terpandu.

66.Proyek: Halaman BiodataMahir
67.Proyek: Formulir PendaftaranMahir
68.Proyek: Galeri FotoMahir
69.Proyek Mini: Jadwal MingguanMahir
70.Proyek Mini: Halaman ArtikelMahir
Kuis 5 soal terbuka di modul terakhir bab ini.