50 Contoh Soal Kelas 12 SMK Pemrograman Website
50 Contoh Soal Kelas 12 SMK Pemrograman Website – Berikut adalah 50 contoh soal berganda untuk Kelas 12 SMK Pemrograman Website beserta jawabannya:
1. Apa itu HTML?
a. Bahasa pemrograman untuk mengatur tampilan website
b. Bahasa markup untuk struktur halaman web
c. Bahasa pemrograman untuk membuat aplikasi mobile
d. Bahasa markup untuk memformat teks
e. Bahasa yang digunakan untuk membuat animasi
Jawaban: b. Bahasa markup untuk struktur halaman web
2. Tag HTML yang digunakan untuk membuat judul halaman adalah:
a. `<body>`
b. `<header>`
c. `<h1>`
d. `<head>`
e. `<footer>`
Jawaban: c. `<h1>`
3. Berikut ini adalah tag HTML yang digunakan untuk membuat tautan (link):
a. `<a>`
b. `<link>`
c. `<img>`
d. `<nav>`
e. `<p>`
Jawaban: a. `<a>`
4. Untuk menambahkan gambar dalam HTML, tag yang digunakan adalah:
a. `<image>`
b. `<src>`
c. `<img>`
d. `<picture>`
e. `<photo>`
Jawaban: c. `<img>`
5. Fungsi dari tag `<meta>` dalam HTML adalah untuk:
a. Menambahkan teks ke halaman
b. Menyisipkan gambar
c. Menyediakan informasi tentang halaman web
d. Menyusun layout halaman
e. Menyisipkan file JavaScript
Jawaban: c. Menyediakan informasi tentang halaman web
6. Dalam CSS, selector yang digunakan untuk memilih semua elemen `<p>` adalah:
a. `p`
b. `.p`
c. `#p`
d. `*p`
e. `[p]`
Jawaban: a. `p`
7. Properti CSS untuk mengubah warna teks adalah:
a. `background-color`
b. `font-color`
c. `color`
d. `text-color`
e. `text-style`
Jawaban: c. `color`
8. Tag HTML yang digunakan untuk membuat tabel adalah:
a. `<table>`
b. `<div>`
c. `<tr>`
d. `<ul>`
e. `<list>`
Jawaban: a. `<table>`
9. Untuk menambahkan kolom dalam tabel HTML, tag yang digunakan adalah:
a. `<th>`
b. `<td>`
c. `<tr>`
d. `<col>`
e. `<tbody>`
Jawaban: b. `<td>`
10. Apa yang dimaksud dengan CSS Grid?
a. Teknik untuk mengatur tampilan halaman menggunakan gambar
b. Teknik untuk membuat layout halaman secara fleksibel
c. Teknik untuk menampilkan teks di halaman web
d. Teknik untuk mengatur ukuran gambar
e. Teknik untuk menata posisi gambar
Jawaban: b. Teknik untuk membuat layout halaman secara fleksibel
11. Fungsi dari tag `<form>` dalam HTML adalah untuk:
a. Menyusun teks
b. Menampilkan gambar
c. Membuat formulir input pengguna
d. Membuat list pilihan
e. Menampilkan header
Jawaban: c. Membuat formulir input pengguna
12. Dalam HTML, atribut yang digunakan untuk menentukan alamat tujuan sebuah link adalah:
a. `src`
b. `href`
c. `alt`
d. `title`
e. `id`
Jawaban: b. `href`
13. Apa itu JavaScript?
a. Bahasa markup untuk struktur halaman
b. Bahasa pemrograman untuk sisi server
c. Bahasa scripting untuk memberikan interaktivitas pada halaman web
d. Bahasa yang digunakan untuk mendesain tampilan web
e. Sistem database untuk web
Jawaban: c. Bahasa scripting untuk memberikan interaktivitas pada halaman web
14. Fungsi dari `alert()` dalam JavaScript adalah untuk:
a. Menampilkan pesan pada halaman web
b. Menampilkan pesan peringatan di jendela pop-up
c. Menampilkan gambar
d. Menghitung angka
e. Menyembunyikan elemen halaman
Jawaban: b. Menampilkan pesan peringatan di jendela pop-up
15. Apa fungsi dari tag `<link>` dalam HTML?
a. Menghubungkan halaman dengan CSS eksternal
b. Menyisipkan gambar ke halaman
c. Menyisipkan video ke halaman
d. Membuat menu navigasi
e. Menambahkan tabel
Jawaban: a. Menghubungkan halaman dengan CSS eksternal
16. Dalam JavaScript, metode yang digunakan untuk mengambil elemen HTML berdasarkan ID adalah:
a. `getElementByClass()`
b. `getElementByTagName()`
c. `getElementById()`
d. `querySelector()`
e. `createElement()`
Jawaban: c. `getElementById()`
17. Dalam CSS, untuk mengatur jarak antara elemen, properti yang digunakan adalah:
a. `padding`
b. `margin`
c. `border`
d. `display`
e. `position`
Jawaban: b. `margin`
18. Untuk membuat list yang tidak terurut dalam HTML, tag yang digunakan adalah:
a. `<ol>`
b. `<ul>`
c. `<li>`
d. `<dl>`
e. `<list>`
Jawaban: b. `<ul>`
19. Untuk memilih elemen berdasarkan ID di CSS, selector yang digunakan adalah:
a. `#`
b. `.`
c. `*`
d. `[]`
e. `()`
Jawaban: a. `#`
20. Fungsi dari `document.getElementById()` di JavaScript adalah untuk:
a. Mengubah teks pada elemen
b. Mengambil elemen dengan ID tertentu dari HTML
c. Menghitung jumlah elemen pada halaman
d. Mengambil nilai input dari formulir
e. Menampilkan gambar
Jawaban: b. Mengambil elemen dengan ID tertentu dari HTML
21. Dalam CSS, untuk mengatur font ukuran teks digunakan properti:
a. `text-size`
b. `font-size`
c. `text-font`
d. `font-style`
e. `size`
Jawaban: b. `font-size`
22. Apa yang dimaksud dengan responsive web design?
a. Desain web yang hanya cocok untuk desktop
b. Desain web yang menggunakan gambar besar
c. Desain web yang menyesuaikan tampilan dengan ukuran layar perangkat
d. Desain web yang hanya cocok untuk perangkat mobile
e. Desain web yang menggunakan CSS Grid
Jawaban: c. Desain web yang menyesuaikan tampilan dengan ukuran layar perangkat
23. Tag HTML yang digunakan untuk membuat input teks adalah:
a. `<input>`
b. `<textarea>`
c. `<select>`
d. `<button>`
e. `<form>`
Jawaban: a. `<input>`
24. Fungsi dari tag `<footer>` adalah untuk:
a. Menyusun konten utama halaman
b. Menyusun menu navigasi
c. Menampilkan informasi footer atau bagian bawah halaman
d. Menampilkan gambar utama
e. Menampilkan header halaman
Jawaban: c. Menampilkan informasi footer atau bagian bawah halaman
25. Untuk menambahkan komentar dalam kode HTML, kita menggunakan:
a. `<!– Komentar –>`
b. `// Komentar`
c. `/* Komentar */`
d. `# Komentar`
e. `<!— Komentar —>`
Jawaban: a. `<!– Komentar –>`
26. Apa itu framework dalam pengembangan web?
a. Alat untuk mengembangkan aplikasi desktop
b. Perangkat keras untuk pengembangan aplikasi
c. Kerangka kerja yang menyediakan struktur dasar untuk pengembangan web
d. Sistem database untuk web
e. Alat untuk membuat gambar
Jawaban: c. Kerangka kerja yang menyediakan struktur dasar untuk pengembangan web
27. Apa itu PHP?
a. Bahasa pemrograman untuk server-side scripting di web
b. Bahasa pemrograman untuk aplikasi desktop
c. Bahasa markup untuk tampilan halaman
d. Bahasa query database
e. Bahasa untuk pengembangan aplikasi mobile
Jawaban: a. Bahasa pemrograman untuk server-side scripting di web
28. Pada JavaScript, metode yang digunakan untuk mengubah isi HTML dari sebuah elemen adalah:
a. `setText()`
b. `innerHTML`
c. `textContent`
d. `appendChild()`
e. `setContent()`
Jawaban: b. `innerHTML`
29. Apa yang dimaksud dengan `DOM` dalam pengembangan web?
a. Database management
b. Document Object Model
c. Digital Output Method
d. Dynamic Online Marketing
e. Data Online Model
Jawaban: b. Document Object Model
30. Untuk membuat sebuah kolom di layout menggunakan CSS, properti yang digunakan adalah:
a. `column-width`
b. `columns`
c. `display: grid`
d. `float`
e. `display: block`
Jawaban: d. `float`
31. Bagaimana cara menambahkan style CSS secara eksternal?
a. Dengan menggunakan tag `<style>` di dalam HTML
b. Dengan menambahkan file CSS melalui atribut `href` dalam tag `<link>`
c. Dengan menambahkan kode CSS langsung dalam tag `<body>`
d. Dengan menambahkan atribut `style` pada setiap elemen
e. Dengan menggunakan tag `<script>`
Jawaban: b. Dengan menambahkan file CSS melalui atribut `href` dalam tag `<link>`
32. Fungsi dari `querySelector()` di JavaScript adalah:
a. Mengambil semua elemen dengan ID tertentu
b. Mengambil elemen berdasarkan kelas
c. Mengambil elemen pertama yang cocok dengan selector CSS
d. Menambahkan elemen baru ke halaman
e. Menghitung jumlah elemen di halaman
Jawaban: c. Mengambil elemen pertama yang cocok dengan selector CSS
33. Apa itu jQuery?
a. Bahasa pemrograman server-side
b. Library JavaScript untuk mempermudah manipulasi DOM
c. Sistem manajemen database untuk website
d. Alat untuk membuat desain grafis web
e. Framework untuk mengembangkan aplikasi mobile
Jawaban: b. Library JavaScript untuk mempermudah manipulasi DOM
34. Fungsi dari `position: absolute;` dalam CSS adalah untuk:
a. Mengatur posisi elemen secara tetap di halaman
b. Mengatur elemen agar mengikuti halaman saat di-scroll
c. Mengatur posisi elemen relatif terhadap elemen terdekat yang diposisikan
d. Mengatur posisi elemen berdasarkan ukuran layar
e. Mengatur margin antara elemen
Jawaban: c. Mengatur posisi elemen relatif terhadap elemen terdekat yang diposisikan
35. Apa yang dimaksud dengan validasi form?
a. Proses mengirim data form ke server
b. Proses mengonfirmasi apakah form sudah lengkap dan benar
c. Proses menambahkan gambar ke form
d. Proses mendesain form menggunakan CSS
e. Proses menghitung jumlah input yang ada dalam form
Jawaban: b. Proses mengonfirmasi apakah form sudah lengkap dan benar
36. Pada CSS, untuk mengatur warna latar belakang digunakan properti:
a. `color`
b. `background`
c. `background-color`
d. `border-color`
e. `font-color`
Jawaban: c. `background-color`
37. Apa yang dimaksud dengan animasi CSS?
a. Teknik untuk membuat perubahan bentuk pada gambar
b. Teknik untuk membuat transisi visual elemen di halaman
c. Teknik untuk mengubah layout halaman web
d. Teknik untuk menyisipkan video ke halaman
e. Teknik untuk mengubah warna halaman
Jawaban: b. Teknik untuk membuat transisi visual elemen di halaman
38. Fungsi dari `window.location.href` dalam JavaScript adalah untuk:
a. Mengambil alamat URL halaman
b. Mengubah alamat URL halaman
c. Menampilkan alamat IP pengguna
d. Menambahkan URL ke dalam daftar bookmark
e. Membuka tab baru di browser
Jawaban: b. Mengubah alamat URL halaman
39. Apa yang dimaksud dengan backend dalam pengembangan web?
a. Desain tampilan yang terlihat oleh pengguna
b. Proses pengelolaan dan pengolahan data di server
c. Proses pengolahan gambar di halaman
d. Pengelolaan konten dan desain halaman
e. Penyimpanan file dalam website
Jawaban: b. Proses pengelolaan dan pengolahan data di server
40. Untuk membuat link membuka di jendela baru, atribut yang digunakan adalah:
a. `target=”_blank”`
b. `target=”_new”`
c. `href=”_blank”`
d. `href=”_new”`
e. `window=”_blank”`
Jawaban: a. `target=”_blank”`
41. Apa yang dimaksud dengan responsivitas dalam desain web?
a. Desain halaman hanya untuk desktop
b. Desain halaman yang menyesuaikan dengan perangkat pengguna
c. Desain halaman untuk aplikasi mobile
d. Desain halaman tanpa gambar
e. Desain halaman dengan banyak elemen interaktif
Jawaban: b. Desain halaman yang menyesuaikan dengan perangkat pengguna
42. Dalam CSS, untuk mengatur jenis huruf (font) digunakan properti:
a. `font-family`
b. `font-type`
c. `font-style`
d. `text-font`
e. `font-size`
Jawaban: a. `font-family`
43. Fungsi dari `display: none;` dalam CSS adalah:
a. Menghilangkan elemen dari halaman
b. Menyembunyikan elemen namun tetap ada di layout
c. Menampilkan elemen secara penuh
d. Mengubah posisi elemen
e. Mengubah warna elemen
Jawaban: b. Menyembunyikan elemen namun tetap ada di layout
44. Apa itu responsive web design?
a. Desain web yang hanya cocok untuk perangkat desktop
b. Desain web yang menyesuaikan diri dengan ukuran layar perangkat
c. Desain web yang hanya berfungsi dengan gambar besar
d. Desain web yang tidak menggunakan CSS
e. Desain web tanpa elemen animasi
Jawaban: b. Desain web yang menyesuaikan diri dengan ukuran layar perangkat
45. Untuk menambahkan gaya CSS internal di halaman HTML, digunakan tag:
a. `<style>`
b. `<css>`
c. `<script>`
d. `<link>`
e. `<header>`
Jawaban: a. `<style>`
46. Untuk menghubungkan file CSS eksternal ke dalam file HTML, digunakan tag:
a. `<link>`
b. `<style>`
c. `<script>`
d. `<css>`
e. `<external>`
Jawaban: a. `<link>`
47. Apa yang dimaksud dengan API (Application Programming Interface) dalam pengembangan web?
a. Sebuah protokol untuk mendesain halaman web
b. Sebuah antarmuka yang memungkinkan dua aplikasi untuk saling berinteraksi
c. Alat untuk membuat desain web responsif
d. Sistem untuk mengelola data dalam database
e. Sebuah jenis framework untuk pengembangan web
Jawaban: b. Sebuah antarmuka yang memungkinkan dua aplikasi untuk saling berinteraksi
48. Fungsi dari `console.log()` dalam JavaScript adalah untuk:
a. Menampilkan pesan di halaman web
b. Mencetak pesan di konsol browser
c. Menghentikan eksekusi program
d. Mengonfirmasi input dari pengguna
e. Menyimpan data ke dalam database
Jawaban: b. Mencetak pesan di konsol browser
49. Apa itu `PHP` dalam pengembangan website?
a. Bahasa pemrograman untuk frontend
b. Bahasa markup untuk membangun struktur halaman web
c. Bahasa pemrograman yang digunakan untuk backend dan server-side scripting
d. Framework untuk pengembangan aplikasi mobile
e. Sistem manajemen basis data
Jawaban: c. Bahasa pemrograman yang digunakan untuk backend dan server-side scripting
50. Apa yang dimaksud dengan SEO (Search Engine Optimization) dalam konteks pengembangan website?
a. Proses mendesain website dengan gaya menarik
b. Teknik untuk meningkatkan visibilitas website di mesin pencari
c. Proses mengoptimalkan gambar agar lebih cepat dimuat
d. Teknik untuk mendesain animasi di website
e. Metode untuk membuat form kontak di website
Jawaban: b. Teknik untuk meningkatkan visibilitas website di mesin pencari
Sekian 50 Contoh Soal Kelas 12 SMK Pemrograman Website, Semoga Bermanfaat. Baca Juga 50 Contoh Soal Kelas 12 SMK Desain Website Interaktif
