Dikerjakan di kertas lalu di foto atau scan lalu kirim ke email : ictfilespatricia@gmail.com


1. **Struktur Dokumen:** Mengapa elemen <!DOCTYPE html> sangat krusial dalam sebuah dokumen HTML5, dan apa dampaknya jika elemen ini dihilangkan oleh seorang developer?

 2. **Semantik vs Presentasi:** Jelaskan perbedaan antara penggunaan tag <b> dan <strong> dari sudut pandang semantik. Dalam kondisi apa seorang developer harus lebih memilih <strong>?

 3. **Hirarki Heading:** Mengapa dalam standar SEO dan aksesibilitas, kita tidak disarankan untuk melompati tingkatan heading (misalnya, langsung dari <h1> ke <h3>)? Analisis dampaknya bagi pembaca layar (*screen reader*).

 4. **Atribut Alt:** Analisis mengapa atribut alt pada elemen <img> bukan sekadar pelengkap, melainkan komponen vital untuk pengalaman pengguna (UX) dan optimasi mesin pencari.

 5. **Struktur Metadata:** Jelaskan fungsi dari elemen <meta charset="UTF-8"> dan apa risiko keamanan atau tampilan yang mungkin muncul jika pengodean karakter (*character encoding*) ini tidak didefinisikan dengan benar.

 6. **Elemen List:** Berikan skenario kapan penggunaan <ol> lebih tepat dibandingkan dengan <ul>. Mengapa penggunaan list sangat disarankan untuk struktur navigasi dibandingkan sekadar menggunakan elemen <div>?

 7. **Hyperlink:** Apa perbedaan fundamental antara atribut target="_blank" dan rel="noopener noreferrer"? Mengapa pakar keamanan web selalu mewajibkan penggunaan rel ini saat membuka link di tab baru?

 8. **Tabel Semantik:** Mengapa penggunaan elemen <thead>, <tbody>, dan <tfoot> lebih disarankan daripada hanya menggunakan <tr> dan <td> untuk menyusun data tabel yang kompleks?

 9. **Formulir & Input:** Dalam pembuatan formulir kontak, mengapa elemen <label> harus dihubungkan dengan elemen <input> melalui atribut for dan id? Apa dampaknya bagi aksesibilitas?

 10. **Pengelompokan Konten:** Analisis perbedaan fungsional antara <div> dan <section>. Kapan saat yang tepat untuk menggunakan elemen semantik HTML5 dibandingkan elemen generik <div>?

 11. **Path File:** Jelaskan perbedaan antara *absolute path* dan *relative path* dalam memanggil file aset (gambar/css). Manakah yang lebih baik digunakan untuk pengembangan situs web skala besar dan mengapa?

 12. **Elemen Multimedia:** Apa keuntungan menggunakan elemen <video> HTML5 dibandingkan dengan menyematkan (*embedding*) file video menggunakan *plugin* pihak ketiga (seperti Flash di masa lalu)?

 13. **Whitespace:** Apakah browser mengabaikan semua spasi (*whitespace*) dan *line break* di dalam kode HTML? Jelaskan bagaimana browser memproses spasi tersebut dalam elemen <p> dan bagaimana pengaruhnya terhadap tata letak halaman.

 14. **Komentar:** Mengapa memberikan komentar (``) dalam kode HTML dianggap sebagai praktik profesional bagi tim pengembang, meskipun komentar tersebut tidak ditampilkan di browser?

 15. **Validasi:** Analisis mengapa setiap developer web harus melakukan validasi HTML (misalnya melalui W3C Markup Validation Service) sebelum mempublikasikan situs web mereka ke publik.