Rahasia 80 contoh soal pemrograman web kelas 10 semester 2 yang jarang diketahui

Disiarkan oleh stiedharmaputrasmg.ac.id – Artikel seputar contoh soal pemrograman web kelas 10 semester 2 bisa anda temukan disini. Pemrograman web menjadi salah satu kompetensi penting bagi siswa kelas 10 pada semester 2. Latihan soal yang terstruktur dapat membantu menguasai konsep HTML, CSS, dan JavaScript secara bertahap. Berikut kami sajikan contoh soal pemrograman web kelas 10 semester 2 yang dapat langsung dipraktikkan.

Daftar Soal Pemrograman Web Kelas 10 Semester 2

1. Buatan sebuah halaman HTML sederhana yang menampilkan judul “Selamat Datang” dan paragraf penjelasan menggunakan tag h1 serta p. Pastikan struktur dokumen valid dengan deklarasi .

2. Terapkan CSS eksternal untuk mengubah warna latar belakang menjadi biru muda dan teks judul menjadi putih. Sertakan file style.css dan hubungkan dengan tag link pada bagian head.

3. Buat form login yang terdiri dari dua input, yaitu username dan password, serta tombol submit. Tambahkan atribut required pada masing‑masing input untuk validasi dasar.

4. Gunakan JavaScript untuk menampilkan alert selamat datang ketika pengguna berhasil menekan tombol login. Pastikan script diletakkan sebelum penutup body agar elemen sudah tersedia.

5. Implementasikan menu navigasi horizontal dengan tiga tautan: Beranda, Profil, dan Kontak. Gunakan elemen ul dan li serta beri style display:inline-block melalui CSS.

6. Tambahkan gambar profil pada halaman Profil dengan tag img. Atur ukuran gambar menjadi 150px × 150px dan beri teks alternatif yang relevan.

7. Buat tabel sederhana yang menampilkan nilai mata pelajaran matematika, fisika, dan kimia. Sertakan header tabel menggunakan tag th dan beri border 1 pixel.

8. Gunakan properti CSS flexbox untuk menata tiga kotak konten berdampingan pada halaman Kontak. Pastikan kotak menyesuaikan lebar layar secara responsif.

   

9. Implementasikan fungsi JavaScript yang menghitung umur berdasarkan input tanggal lahir. Hasil perhitungan ditampilkan dalam elemen span di bawah form.

10. Integrasikan Google Maps pada halaman Kontak dengan menambahkan iframe yang menampilkan lokasi kantor. Sesuaikan lebar iframe menjadi 100% dan tinggi 300px.

Pembahasan Singkat dan Strategi Menjawab

Setiap soal di atas dirancang untuk menguji pemahaman dasar HTML, CSS, dan JavaScript secara berurutan. Mulailah dengan menulis struktur HTML yang bersih sebelum menambahkan style atau script.

Jika menemukan kesulitan pada bagian CSS, periksa kembali selector yang digunakan dan pastikan file eksternal terhubung dengan benar. Untuk JavaScript, gunakan console browser untuk memantau error dan memastikan fungsi dipanggil pada waktu yang tepat.

Sumber Belajar dan Tips Persiapan

Platform e‑learning resmi Kemdikbud menyediakan modul interaktif tentang pembuatan halaman web, termasuk contoh kode yang dapat di‑copy‑paste. Manfaatkan juga video tutorial di YouTube yang menjelaskan konsep flexbox dan responsive design secara visual.

Jangan lupa rutin melakukan backup kode pada layanan seperti GitHub atau Google Drive. Backup tidak hanya melindungi file dari kerusakan, tetapi juga memudahkan kolaborasi dengan teman sekelas.

Kesimpulan

Contoh soal pemrograman web kelas 10 semester 2 ini mencakup seluruh elemen dasar yang diperlukan untuk membangun situs sederhana. Dengan mengerjakan secara konsisten, siswa dapat meningkatkan kecepatan dan akurasi dalam menulis kode.

Persiapan yang matang, termasuk memanfaatkan sumber belajar online dan praktik berulang, akan memperkuat kompetensi digital yang menjadi kunci sukses di era teknologi saat ini.