Uji Kompetensi HTML Basics
Cek kesiapan kamu membaca dan menulis halaman HTML dasar sebelum lanjut ke Semantic HTML.
Yang dicek
- Membedakan struktur dokumen, tag, element, dan attribute
- Memakai heading, paragraf, link, gambar, href, src, alt, dan relative path sederhana
- Membangun halaman HTML kecil dengan konten dasar dan cek otomatis
Isi lesson
5 blok- 1.Apa yang dicek di checkpoint iniBelum selesaiWajib
- 2.QuizBelum selesaiWajib
- 3.Coding practiceBelum selesaiWajib
- 4.Baca MDN secara terarahBelum selesaiOpsional
- 5.RingkasanBelum selesaiWajib
Apa yang dicek di checkpoint ini
WajibCheckpoint ini menggabungkan semua lesson HTML Basics. Kamu akan mengecek struktur dokumen HTML, perbedaan head dan body, perbedaan title dan h1, tag, element, attribute, heading, paragraf, link, gambar, alt text, dan relative path sederhana. Ini bukan soal jebakan. Tujuannya memastikan kamu siap masuk ke Semantic HTML.
Bagian ini memengaruhi progres lesson.
Quiz
WajibUji Kompetensi HTML Basics
Jawab pertanyaan satu per satu. Kamu bisa ulang quiz jika belum mencapai target lulus.
Target lulus
70/100
Skor terbaik
0/100
Status
Belum dikerjakan
Blok ini wajib untuk menyelesaikan lesson. Progres quiz naik setelah skor mencapai target lulus.
Pertanyaan 1 dari 9
Target lulus: 70
Bagian mana yang sebaiknya berisi konten yang terlihat seperti h1 dan paragraf?
Coding practice
WajibDibuka di workspace khususMembangun halaman HTML Basics
Checkpoint praktik untuk membuat halaman HTML kecil dengan title, heading, paragraf, link, gambar, dan relative path.
Tujuan awal: Lengkapi struktur HTML dasar terlebih dahulu.
Practice ini dibuka di workspace khusus. Buka practice untuk memakai editor, preview, dan cek otomatis.
Tombol selesai aktif setelah semua validasi wajib lolos.
Documentation Bridge
OpsionalBaca MDN secara terarah
Gunakan bagian ini sebagai latihan membaca dokumentasi resmi, bukan tugas menghafal. Kamu tidak perlu membaca semuanya sekarang. Fokus pada bagian yang sudah kamu pelajari di HTML Basics.
MDN Web Docs
Basic HTML syntax
Fokus baca
- tag
- element
- attribute
- struktur dasar HTML
Abaikan dulu
- detail reference yang belum dipakai di latihan
MDN Web Docs
Web page metadata
Fokus baca
- fungsi head
- fungsi title
- metadata dasar halaman
Abaikan dulu
- SEO advanced
- social sharing metadata
MDN Web Docs
Creating links
Fokus baca
- fungsi href
- teks link yang jelas
- link relatif dan absolut secara umum
Abaikan dulu
- attribute advanced
MDN Web Docs
HTML images
Fokus baca
- fungsi src
- fungsi alt
- kenapa gambar butuh deskripsi
Abaikan dulu
- responsive images
- image performance
Aksi setelah membaca
Kembali ke latihan HTML Basics dan tunjukkan satu tag, satu element, satu attribute, satu link dengan href, dan satu gambar dengan src serta alt.
Opsional, tidak menghambat penyelesaian lesson.
Ringkasan
Wajib- Kamu siap lanjut jika bisa membedakan informasi untuk browser dan konten yang terlihat.
- Kamu siap lanjut jika bisa membaca tag, element, dan attribute pada contoh HTML sederhana.
- Kamu siap lanjut jika bisa memakai heading, paragraf, link, gambar, href, src, alt, dan relative path sederhana.
- Jika checkpoint belum lulus, review lagi struktur HTML dasar, tag/element/attribute, konten body, dan relative path.
- Berikutnya, kamu akan memakai struktur HTML ini untuk memilih elemen berdasarkan makna lewat Semantic HTML.
Bagian ini memengaruhi progres lesson.
Langkah berikutnya
Selesaikan bagian wajib checkpoint ini
Lanjutkan blok wajib berikutnya: Apa yang dicek di checkpoint ini.