50 Contoh Soal Kelas 11 SMK Pemrograman Web
50 Contoh Soal Kelas 11 SMK Pemrograman Web – Berikut adalah 50 contoh soal berganda untuk mata pelajaran Pemrograman Web Kelas 11 SMK beserta jawabannya:
1. Apa itu HTML?
a. Bahasa pemrograman untuk membuat aplikasi mobile
b. Bahasa markup untuk membuat struktur halaman web
c. Bahasa pemrograman untuk membuat aplikasi desktop
d. Bahasa untuk membuat animasi web
e. Bahasa untuk mengelola database
Jawaban: b. Bahasa markup untuk membuat struktur halaman web
2. Apa yang digunakan untuk membuat teks tebal dalam HTML?
a. `<italic>`
b. `<strong>`
c. `<bold>`
d. `<b>`
e. `<em>`
Jawaban: b. `<strong>`
3. Tag HTML untuk membuat daftar tak terurut adalah:
a. `<ul>`
b. `<ol>`
c. `<li>`
d. `<dl>`
e. `<dt>`
Jawaban: a. `<ul>`
4. Di dalam HTML, tag `<a>` digunakan untuk:
a. Membuat gambar
b. Membuat tabel
c. Membuat link
d. Membuat form
e. Membuat heading
Jawaban: c. Membuat link
5. Untuk menyisipkan gambar dalam HTML, tag yang digunakan adalah:
a. `<img>`
b. `<picture>`
c. `<figure>`
d. `<src>`
e. `<media>`
Jawaban: a. `<img>`
6. Apa fungsi dari tag `<head>` dalam HTML?
a. Menampilkan gambar
b. Menyimpan informasi metadata
c. Menyisipkan video
d. Menambahkan CSS
e. Menyisipkan script JavaScript
Jawaban: b. Menyimpan informasi metadata
7. Apa yang digunakan untuk membuat form input teks dalam HTML?
a. `<input type=”text”>`
b. `<textarea>`
c. `<input type=”submit”>`
d. `<button>`
e. `<form>`
Jawaban: a. `<input type=”text”>`
8. Apa yang dimaksud dengan CSS?
a. Bahasa pemrograman untuk server-side scripting
b. Alat untuk membuat basis data
c. Bahasa untuk mengatur tampilan halaman web
d. Bahasa markup untuk menambahkan gambar
e. Bahasa untuk membuat animasi web
Jawaban: c. Bahasa untuk mengatur tampilan halaman web
9. Untuk mengatur warna latar belakang halaman, digunakan properti CSS:
a. `background-image`
b. `background-color`
c. `color`
d. `background-style`
e. `font-color`
Jawaban: b. `background-color`
10. Apa yang digunakan untuk memilih elemen berdasarkan class dalam CSS?
a. `#class`
b. `.class`
c. `class`
d. `class-id`
e. `*class`
Jawaban: b. `.class`
11. Tag HTML untuk membuat tabel adalah:
a. `<table>`
b. `<tr>`
c. `<th>`
d. `<td>`
e. Semua jawaban benar
Jawaban: e. Semua jawaban benar
12. Untuk memberikan spasi antar baris dalam teks, digunakan tag HTML:
a. `<p>`
b. `<br>`
c. `<hr>`
d. `<space>`
e. `<line>`
Jawaban: b. `<br>`
13. Fungsi dari CSS `font-size` adalah untuk:
a. Mengubah jenis font
b. Mengatur ukuran font
c. Mengubah warna font
d. Mengubah font menjadi tebal
e. Mengatur jarak antar kata
Jawaban: b. Mengatur ukuran font
14. Untuk menambahkan komentar dalam CSS, digunakan:
a. `// komentar`
b. `/* komentar */`
c. `# komentar`
d. `<!– komentar –>`
e. `/* komentar// */`
Jawaban: b. `/* komentar */`
15. Apa yang digunakan untuk menambahkan JavaScript dalam HTML?
a. `<js>`
b. `<script>`
c. `<java>`
d. `<javascript>`
e. `<src>`
Jawaban: b. `<script>`
16. Dalam HTML, tag `<form>` digunakan untuk:
a. Mengirimkan data ke server
b. Menampilkan gambar
c. Membuat tabel
d. Membuat teks yang dapat dicetak
e. Menyisipkan video
Jawaban: a. Mengirimkan data ke server
17. Tag HTML untuk membuat judul utama pada halaman adalah:
a. `<h1>`
b. `<head>`
c. `<header>`
d. `<h2>`
e. `<h3>`
Jawaban: a. `<h1>`
18. Apa yang digunakan untuk membuat daftar berurutan (nomor) dalam HTML?
a. `<ol>`
b. `<ul>`
c. `<li>`
d. `<dl>`
e. `<dl-item>`
Jawaban: a. `<ol>`
19. Untuk menentukan gaya font menggunakan CSS, digunakan properti:
a. `font-family`
b. `font-weight`
c. `font-size`
d. `text-align`
e. Semua jawaban benar
Jawaban: a. `font-family`
20. Apakah tujuan dari `@media` dalam CSS?
a. Menentukan efek animasi
b. Membuat pengaturan untuk elemen yang dipilih
c. Menyesuaikan tampilan halaman berdasarkan perangkat
d. Mengontrol visibilitas elemen
e. Semua jawaban benar
Jawaban: c. Menyesuaikan tampilan halaman berdasarkan perangkat
21. Bagaimana cara menulis kode CSS untuk memberi warna latar belakang biru pada elemen dengan id “header”?
a. `#header { background-color: blue; }`
b. `#header { color: blue; }`
c. `.header { background-color: blue; }`
d. `background-color: blue; #header`
e. `background-color: blue { #header }`
Jawaban: a. `#header { background-color: blue; }`
22. Bagaimana cara menghubungkan file CSS eksternal ke dalam HTML?
a. `<css src=”style.css”>`
b. `<link rel=”stylesheet” href=”style.css”>`
c. `<script src=”style.css”>`
d. `<style src=”style.css”>`
e. `<stylesheet href=”style.css”>`
Jawaban: b. `<link rel=”stylesheet” href=”style.css”>`
23. Fungsi dari `div` dalam HTML adalah untuk:
a. Membuat hyperlink
b. Mengelompokkan elemen-elemen HTML
c. Membuat tabel
d. Menambahkan gambar
e. Menyisipkan video
Jawaban: b. Mengelompokkan elemen-elemen HTML
24. Apa itu JavaScript?
a. Bahasa pemrograman untuk membuat halaman web statis
b. Bahasa pemrograman untuk interaksi pada halaman web
c. Bahasa untuk styling halaman web
d. Alat untuk membuat basis data web
e. Alat untuk mengelola server web
Jawaban: b. Bahasa pemrograman untuk interaksi pada halaman web
25. Fungsi dari `alert()` dalam JavaScript adalah:
a. Menyimpan data ke dalam basis data
b. Menampilkan pesan pada layar
c. Mengubah elemen HTML
d. Menambahkan interaktivitas
e. Semua jawaban benar
Jawaban: b. Menampilkan pesan pada layar
26. Bagaimana cara membuat komentar dalam JavaScript?
a. `<!– komentar –>`
b. `/* komentar */`
c. `// komentar`
d. `# komentar`
e. `/* komentar // */`
Jawaban: c. `// komentar`
27. Untuk mengubah warna teks menggunakan JavaScript, kita dapat menggunakan metode:
a. `setColor()`
b. `changeColor()`
c. `document.getElementById(‘id’).style.color`
d. `style.color()`
e. `document.color()`
Jawaban: c. `document.getElementById(‘id’).style.color`
28. Apa yang dimaksud dengan DOM dalam konteks pemrograman web?
a. Domain Object Model
b. Document Object Model
c. Digital Online Model
d. Data Object Model
e. Tidak ada yang benar
Jawaban: b. Document Object Model
29. Dalam CSS, bagaimana cara membuat teks rata tengah?
a. `text-align: center;`
b. `align-text: center;`
c. `center-text: true;`
d. `vertical-align: center;`
e. `text-center: true;`
Jawaban: a. `text-align: center;`
30. Apa yang digunakan untuk membuat fungsi dalam JavaScript?
a. `func()`
b. `function`
c. `method`
d. `procedure`
e. `declare`
Jawaban: b. `function`
31. Untuk memilih elemen berdasarkan id dalam CSS, digunakan:
a. `.id`
b. `#id`
c. `id`
d. `.id-name`
e. `#id-name`
Jawaban: b. `#id`
32. Fungsi dari `document.getElementById()` dalam JavaScript adalah untuk:
a. Menambah elemen baru
b. Mengambil elemen berdasarkan id
c. Mengubah elemen HTML
d. Menyisipkan elemen baru
e. Semua jawaban benar
Jawaban: b. Mengambil elemen berdasarkan id
33. Properti CSS `border` digunakan untuk:
a. Mengatur warna teks
b. Menambahkan garis pada elemen
c. Mengatur posisi elemen
d. Mengatur ukuran gambar
e. Menentukan jenis font
Jawaban: b. Menambahkan garis pada elemen
34. Untuk menambahkan teks ke dalam HTML menggunakan JavaScript, kita menggunakan:
a. `document.write()`
b. `document.addText()`
c. `text.write()`
d. `document.createTextNode()`
e. `createText()`
Jawaban: a. `document.write()`
35. Bagaimana cara membuat teks miring dalam HTML?
a. `<i>`
b. `<italic>`
c. `<em>`
d. `<underline>`
e. `<strong>`
Jawaban: a. `<i>`
Tentu, berikut lanjutan soal 36 hingga 50:
36. Untuk membuat elemen menjadi transparan menggunakan CSS, properti yang digunakan adalah:
a. `opacity`
b. `transparency`
c. `visibility`
d. `transparent`
e. `alpha`
Jawaban: a. `opacity`
37. Untuk memanggil file eksternal JavaScript, tag yang digunakan adalah:
a. `<script src=”file.js”>`
b. `<js src=”file.js”>`
c. `<link src=”file.js”>`
d. `<javascript src=”file.js”>`
e. `<script href=”file.js”>`
Jawaban: a. `<script src=”file.js”>`
38. Bagaimana cara menyisipkan video dalam HTML?
a. `<video src=”video.mp4″>`
b. `<media src=”video.mp4″>`
c. `<movie src=”video.mp4″>`
d. `<src src=”video.mp4″>`
e. `<embed src=”video.mp4″>`
Jawaban: a. `<video src=”video.mp4″>`
39. Apa yang digunakan untuk memilih elemen berdasarkan tag name dalam CSS?
a. `*tagname`
b. `tagname`
c. `#tagname`
d. `.tagname`
e. `tag-name`
Jawaban: b. `tagname`
40. Apa yang dilakukan oleh kode JavaScript berikut:
`document.getElementById(‘demo’).innerHTML = “Hello World”;`
a. Mengubah teks pada elemen dengan id “demo” menjadi “Hello World”
b. Menambah elemen baru dengan id “demo”
c. Menambahkan teks ke halaman
d. Menghapus elemen dengan id “demo”
e. Menampilkan pesan “Hello World” di konsol
Jawaban: a. Mengubah teks pada elemen dengan id “demo” menjadi “Hello World”
41. Untuk membuat sebuah link yang terbuka di tab baru menggunakan HTML, atribut yang digunakan adalah:
a. `target=”_blank”`
b. `target=”_new”`
c. `target=”blank”`
d. `target=”new”`
e. `target=”tab”`
Jawaban: a. `target=”_blank”`
42. Fungsi dari `window.location.href` dalam JavaScript adalah:
a. Mengambil URL halaman web saat ini
b. Menyimpan URL halaman web
c. Mengubah URL halaman web
d. Menghapus URL halaman web
e. Menampilkan URL halaman web di konsol
Jawaban: c. Mengubah URL halaman web
43. Tag HTML untuk menambahkan kolom dalam tabel adalah:
a. `<column>`
b. `<col>`
c. `<td>`
d. `<tr>`
e. `<th>`
Jawaban: b. `<col>`
44. Apa itu jQuery?
a. Framework untuk membuat desain web
b. Bahasa pemrograman untuk server-side scripting
c. Perpustakaan JavaScript untuk membuat manipulasi DOM lebih mudah
d. Alat untuk membuat gambar animasi
e. Bahasa markup untuk halaman web
Jawaban: c. Perpustakaan JavaScript untuk membuat manipulasi DOM lebih mudah
45. Fungsi dari metode `addEventListener()` dalam JavaScript adalah:
a. Menambahkan event handler pada elemen
b. Menghapus event handler pada elemen
c. Menambahkan elemen baru pada halaman
d. Mengubah event pada elemen
e. Semua jawaban benar
Jawaban: a. Menambahkan event handler pada elemen
46. Jika ingin mengatur jarak antara teks dan batas elemen menggunakan CSS, kita menggunakan properti:
a. `padding`
b. `margin`
c. `border-spacing`
d. `text-spacing`
e. `spacing`
Jawaban: a. `padding`
47. Apa fungsi dari tag `<iframe>` dalam HTML?
a. Menampilkan gambar
b. Menampilkan dokumen HTML lainnya dalam halaman saat ini
c. Menampilkan teks dalam bentuk tabel
d. Menyisipkan video
e. Mengubah desain halaman
Jawaban: b. Menampilkan dokumen HTML lainnya dalam halaman saat ini
48. Untuk menambahkan warna latar belakang hanya pada bagian tertentu dari halaman, kita menggunakan:
a. `background`
b. `background-color`
c. `bg-color`
d. `color`
e. `background-style`
Jawaban: b. `background-color`
49. Apakah yang dimaksud dengan “responsive design” dalam konteks pengembangan web?
a. Desain yang dapat diakses hanya melalui komputer desktop
b. Desain yang menyesuaikan tampilan berdasarkan ukuran layar perangkat
c. Desain yang hanya berfungsi pada perangkat mobile
d. Desain yang membuat halaman web lebih cepat
e. Desain yang membuat halaman web lebih interaktif
Jawaban: b. Desain yang menyesuaikan tampilan berdasarkan ukuran layar perangkat
50. Untuk menambahkan efek transisi pada perubahan CSS, kita menggunakan properti:
a. `transition`
b. `animation`
c. `effect`
d. `change`
e. `motion`
Jawaban: a. `transition`
Sekian 50 Contoh Soal Kelas 11 SMK Pemrograman Web, Semoga Bermanfaat. Baca Juga 50 Contoh Soal Kelas 11 SMK Teknik Pendingin
