49 Soal Pemrograman Web Beserta Jawaban
Kumpulan Soal Pilihan Ganda Materi Pemrograman Web
1. Bahasa pemrograman yang umum digunakan untuk pengembangan web adalah:
a. Python
b. Java
c. PHP
d. C++
Jawaban: c. PHP
2. HTML merupakan kependekan dari:
a. HyperText Markup Language
b. HighText Markup Language
c. HyperMarkup Language
d. HyperText Multiple Language
Jawaban: a. HyperText Markup Language
3. CSS digunakan untuk:
a. Memanipulasi data dalam database
b. Menambahkan interaktivitas ke dalam halaman web
c. Menyusun tata letak dan menghias halaman web
d. Menjalankan script sisi server
Jawaban: c. Menyusun tata letak dan menghias halaman web
4. Warna dalam CSS dapat didefinisikan menggunakan:
a. Nama warna saja
b. Hanya kode warna hexa (contoh: #FF0000)
c. Nama warna atau kode warna hexa
d. RGB values (contoh: rgb(255, 0, 0))
Jawaban: c. Nama warna atau kode warna hexa
5. PHP adalah bahasa pemrograman yang umumnya digunakan untuk:
a. Memanipulasi tampilan halaman web
b. Menambahkan interaksi pengguna ke dalam halaman web
c. Membangun database
d. Memproses data di sisi server
Jawaban: d. Memproses data di sisi server
6. Fungsi JavaScript getElementById() digunakan untuk:
a. Mengambil elemen HTML berdasarkan nama tag
b. Mengambil elemen HTML berdasarkan ID
c. Mengambil elemen HTML berdasarkan class
d. Mengambil elemen HTML berdasarkan atribut lainnya
Jawaban: b. Mengambil elemen HTML berdasarkan ID
7. Bagaimana cara yang tepat untuk menyisipkan skrip JavaScript eksternal ke dalam halaman web?
a. Dalam tag <script>, tambahkan atribut src dengan URL skrip JavaScript
b. Gunakan tag <js> dan tambahkan URL skrip JavaScript sebagai isi tag
c. Gunakan tag <javascript> dan tambahkan URL skrip JavaScript sebagai isi tag
d. Gunakan tag <script> dan letakkan skrip JavaScript di dalam tag tersebut
Jawaban: a. Dalam tag <script>, tambahkan atribut src dengan URL skrip JavaScript
8. Apa yang dimaksud dengan "HTTP"?
a. HyperText Transfer Protocol
b. HyperTransfer Text Protocol
c. HighText Transfer Protocol
d. HyperText Transferable Protocol
Jawaban: a. HyperText Transfer Protocol
9. Manakah yang bukan termasuk dalam prinsip dasar pengembangan web yang baik?
a. Kecepatan akses halaman yang sangat tinggi
b. Navigasi yang intuitif
c. Desain yang responsif
d. Keamanan yang kuat
Jawaban: a. Kecepatan akses halaman yang sangat tinggi
10. Apa peran dari elemen <head> dalam dokumen HTML?
a. Menyimpan konten utama dari halaman web
b. Menampilkan judul halaman web
c. Menyimpan script JavaScript yang digunakan
d. Menampilkan isi utama halaman web
Jawaban: b. Menampilkan judul halaman web
11. Dalam CSS, apakah yang dimaksud dengan "selector"?
a. Bagian dalam halaman web yang dipilih oleh JavaScript
b. Bagian dalam halaman web yang dipilih oleh PHP
c. Bagian dalam CSS yang menentukan elemen mana yang akan diubah gaya tampilannya
d. Bagian dalam CSS yang menentukan warna latar belakang halaman web
Jawaban: c. Bagian dalam CSS yang menentukan elemen mana yang akan diubah gaya tampilannya
12. Metode HTTP yang digunakan untuk mengirimkan data dari halaman web ke server adalah:
a. GET
b. POST
c. PUT
d. DELETE
Jawaban: b. POST
13. Apa fungsi dari pernyataan require() dalam PHP?
a. Memasukkan dan menjalankan file PHP eksternal
b. Membuat variabel baru dalam PHP
c. Mengeksekusi perintah SQL pada database
d. Memasukkan dan menampilkan file HTML eksternal
Jawaban: a. Memasukkan dan menjalankan file PHP eksternal
14. Dalam JavaScript, metode addEventListener() digunakan untuk:
a. Membuat elemen baru dalam halaman web
b. Menghapus elemen dari halaman web
c. Menambahkan fungsi kejadian (event) ke elemen HTML
d. Mengubah gaya tampilan elemen HTML
Jawaban: c. Menambahkan fungsi kejadian (event) ke elemen HTML
15. Manakah dari berikut ini yang bukan termasuk dalam tipe data primitif dalam JavaScript?
a. String
b. Number
c. Boolean
d. Array
Jawaban: d. Array
16. Apa yang dimaksud dengan "SQL"?
a. Structured Question Language
b. Structured Query Language
c. Structured Query Learning
d. Simple Query Language
Jawaban: b. Structured Query Language
17. Apa yang dilakukan dengan metode CSS display: none;?
a. Menyembunyikan elemen dari tampilan
b. Mengubah tata letak elemen dalam halaman web
c. Mengubah warna latar belakang elemen
d. Menambahkan animasi ke elemen
Jawaban: a. Menyembunyikan elemen dari tampilan
18. Pada HTML, tautan (link) ke halaman web lain dapat ditentukan menggunakan elemen:
a. <link>
b. <a>
c. <href>
d. <url>
Jawaban: b. <a>
19. Pernyataan document.getElementById('myElement').innerHTML = 'Hello, World!'; digunakan untuk:
a. Mengambil isi elemen dengan ID 'myElement'
b. Mengubah atribut 'id' dari elemen 'myElement'
c. Menghapus elemen dengan ID 'myElement' dari halaman web
d. Mengganti isi elemen dengan ID 'myElement' dengan 'Hello, World!'
Jawaban: d. Mengganti isi elemen dengan ID 'myElement' dengan 'Hello, World!'
20. Apa yang dimaksud dengan "Bootstrap" dalam konteks pemrograman web?
a. Sebuah bahasa pemrograman web
b. Sebuah aplikasi pengembangan web
c. Sebuah framework CSS untuk pengembangan web responsif
d. Sebuah database untuk menyimpan data pengguna
Jawaban: c. Sebuah framework CSS untuk pengembangan web responsif
21. CSS adalah singkatan dari:
a. Cascading Style Sheet
b. Cascaded Style Sheet
c. Complete Style Sheet
d. Creative Style Sheet
Jawaban: a. Cascading Style Sheet
22. Dalam JavaScript, apa perbedaan antara null dan undefined?
a. Tidak ada perbedaan, keduanya memiliki arti yang sama
b. null digunakan ketika variabel belum diinisialisasi, sedangkan undefined digunakan ketika variabel tidak memiliki nilai
c. null digunakan untuk menghapus variabel, sedangkan undefined digunakan untuk menghapus fungsi
d. null adalah tipe data yang dapat diubah, sedangkan undefined adalah tipe data yang tetap
Jawaban: b. null digunakan ketika variabel belum diinisialisasi, sedangkan undefined digunakan ketika variabel tidak memiliki nilai
23. Dalam PHP, perintah echo digunakan untuk:
a. Menampilkan teks atau variabel ke dalam halaman web
b. Menjalankan perintah SQL pada database
c. Menghitung panjang suatu string
d. Mengganti nama variabel
Jawaban: a. Menampilkan teks atau variabel ke dalam halaman web
24. Metode HTTP yang digunakan untuk mengambil data dari server adalah:
a. GET
b. POST
c. PUT
d. DELETE
Jawaban: a. GET
25. Apa yang dimaksud dengan "API"?
a. Application Program Interface
b. Application Programming Interface
c. Application Process Interface
d. Application Package Interface
Jawaban: b. Application Programming Interface
26. Dalam CSS, pernyataan font-family digunakan untuk:
a. Mengubah jenis huruf teks
b. Mengubah warna teks
c. Mengubah tata letak teks
d. Mengubah ukuran teks
Jawaban: a. Mengubah jenis huruf teks
27. Dalam JavaScript, metode push() digunakan untuk:
a. Menggabungkan dua string menjadi satu
b. Menambahkan elemen baru ke akhir array
c. Menghapus elemen terakhir dari array
d. Mengurutkan elemen dalam array
Jawaban: b. Menambahkan elemen baru ke akhir array
28. Apa yang dimaksud dengan "DNS"?
a. Domain Name System
b. Domain Network System
c. Dynamic Name System
d. Dynamic Network System
Jawaban: a. Domain Name System
29. Dalam PHP, bagaimana cara yang tepat untuk menghubungkan ke database?
a. Menggunakan fungsi connect()
b. Menggunakan pernyataan sql_connect()
c. Menggunakan fungsi mysqli_connect()
d. Menggunakan pernyataan mysql_connect()
Jawaban: c. Menggunakan fungsi mysqli_connect()
30. Apa yang dimaksud dengan "Ajax"?
a. Asynchronous JavaScript and XML
b. Asynchronous JavaScript and XHTML
c. Asynchronous JavaScript and CSS
d. Asynchronous Java and XML
Jawaban: a. Asynchronous JavaScript and XML
31. Dalam CSS, apa yang dimaksud dengan "box model"?
a. Sebuah model untuk mengatur elemen-elemen dalam halaman web
b. Sebuah model untuk mengatur tata letak elemen dalam halaman web
c. Sebuah model untuk mengatur tampilan teks dalam halaman web
d. Sebuah model untuk mengatur animasi dalam halaman web
Jawaban: a. Sebuah model untuk mengatur elemen-elemen dalam halaman web
32. Pada HTML, atribut target="_blank" pada elemen <a> digunakan untuk:
a. Mengatur tautan agar membuka halaman web di jendela baru
b. Mengubah warna teks tautan
c. Menambahkan animasi ke tautan
d. Menyembunyikan tautan dari tampilan
Jawaban: a. Mengatur tautan agar membuka halaman web di jendela baru
33. Dalam JavaScript, apa yang dimaksud dengan "DOM"?
a. Document Object Model
b. Dynamic Object Model
c. Document Oriented Model
d. Dynamic Oriented Model
Jawaban: a. Document Object Model
34. Pernyataan SELECT * FROM customers WHERE age > 18 adalah contoh dari:
a. Pernyataan CSS
b. Pernyataan JavaScript
c. Pernyataan SQL
d. Pernyataan HTML
Jawaban: c. Pernyataan SQL
35. Dalam CSS, apa yang dimaksud dengan "pseudo-class"?
a. Sebuah kelas yang ditambahkan ke elemen dengan JavaScript
b. Sebuah kelas yang ditambahkan ke elemen dengan PHP
c. Sebuah kelas yang ditambahkan ke elemen dengan CSS
d. Sebuah kelas yang ditambahkan ke elemen dengan SQL
Jawaban: c. Sebuah kelas yang ditambahkan ke elemen dengan CSS
36. Pada HTML, elemen <table> digunakan untuk:
a. Membuat daftar yang terurut
b. Menampilkan gambar di halaman web
c. Membuat formulir untuk pengguna
d. Menampilkan data dalam bentuk tabel
Jawaban: d. Menampilkan data dalam bentuk tabel
37. Dalam PHP, pernyataan if digunakan untuk:
a. Melakukan iterasi terhadap elemen-elemen dalam array
b. Menggabungkan dua string menjadi satu
c. Menguji kondisi dan menjalankan blok kode jika kondisi terpenuhi
d. Melakukan pengulangan kode selama kondisi terpenuhi
Jawaban: c. Menguji kondisi dan menjalankan blok kode jika kondisi terpenuhi
38. Apa yang dimaksud dengan "cookie" dalam konteks pemrograman web?
a. Sebuah fungsi dalam JavaScript untuk mengatur warna latar belakang halaman web
b. Sebuah fitur dalam CSS untuk mengatur tampilan elemen-elemen halaman web
c. Sebuah file eksternal yang digunakan dalam PHP untuk menghubungkan ke database
d. Sebuah file kecil yang disimpan di sisi klien (browser) untuk menyimpan informasi tentang pengguna
Jawaban: d. Sebuah file kecil yang disimpan di sisi klien (browser) untuk menyimpan informasi tentang pengguna
39. Dalam JavaScript, metode split() digunakan untuk:
a. Menggabungkan elemen-elemen dalam array menjadi satu string
b. Memisahkan string menjadi elemen-elemen dalam array
c. Mengubah string menjadi angka
d. Mengurutkan elemen-elemen dalam array
Jawaban: b. Memisahkan string menjadi elemen-elemen dalam array
40. Apa yang dimaksud dengan "CMS" dalam konteks pemrograman web?
a. Content Management System
b. Creative Management System
c. Cascading Management System
d. Customer Management System
Jawaban: a. Content Management System
41. Dalam CSS, pernyataan position: absolute; digunakan untuk:
a. Mengubah ukuran elemen dalam halaman web
b. Mengubah tata letak elemen dalam halaman web secara relatif
c. Mengubah tata letak elemen dalam halaman web secara absolut
d. Mengubah tampilan elemen dalam halaman web secara transparan
Jawaban: c. Mengubah tata letak elemen dalam halaman web secara absolut
42. Pada HTML, elemen <form> digunakan untuk:
a. Menampilkan gambar di halaman web
b. Membuat daftar yang terurut
c. Membuat tabel data
d. Membuat formulir untuk pengguna
Jawaban: d. Membuat formulir untuk pengguna
43. Dalam JavaScript, apa yang dimaksud dengan "callback function"?
a. Sebuah fungsi yang dipanggil secara otomatis ketika halaman web dimuat
b. Sebuah fungsi yang dipanggil setelah fungsi lain selesai dieksekusi
c. Sebuah fungsi yang dipanggil ketika terjadi kesalahan dalam eksekusi kode
d. Sebuah fungsi yang dipanggil untuk mengubah tampilan elemen-elemen dalam halaman web
Jawaban: b. Sebuah fungsi yang dipanggil setelah fungsi lain selesai dieksekusi
44. Dalam PHP, apa yang dimaksud dengan "session"?
a. Sebuah variabel yang hanya berlaku dalam satu halaman web
b. Sebuah fungsi untuk mengubah tampilan halaman web secara dinamis
c. Sebuah cara untuk menyimpan informasi tentang pengguna di sepanjang sesi browsing
d. Sebuah metode untuk menghubungkan halaman web dengan database
Jawaban: c. Sebuah cara untuk menyimpan informasi tentang pengguna di sepanjang sesi browsing
45. Apa yang dimaksud dengan "responsive web design"?
a. Desain web yang menyesuaikan diri dengan browser pengguna
b. Desain web yang menyesuaikan diri dengan ukuran layar perangkat pengguna
c. Desain web yang menggunakan animasi dalam tampilannya
d. Desain web yang mengikuti tren terkini dalam pemrograman web
Jawaban: b. Desain web yang menyesuaikan diri dengan ukuran layar perangkat pengguna
46. Dalam CSS, pernyataan margin: 10px 20px 10px 20px; berarti:
a. Mengatur margin atas dan bawah elemen sebesar 10px, dan margin kiri dan kanan sebesar 20px
b. Mengatur margin atas elemen sebesar 10px, margin kanan dan kiri sebesar 20px, dan margin bawah sebesar 10px
c. Mengatur margin atas dan bawah elemen sebesar 20px, dan margin kiri dan kanan sebesar 10px
d. Mengatur margin sebesar 10px pada semua sisi elemen
Jawaban: b. Mengatur margin atas elemen sebesar 10px, margin kanan dan kiri sebesar 20px, dan margin bawah sebesar 10px
47. Dalam JavaScript, pernyataan for digunakan untuk:
a. Menggabungkan dua string menjadi satu
b. Mengulangi kode selama kondisi terpenuhi
c. Menguji kondisi dan menjalankan blok kode jika kondisi terpenuhi
d. Menggabungkan elemen-elemen dalam array menjadi satu string
Jawaban: b. Mengulangi kode selama kondisi terpenuhi
48. Apa yang dimaksud dengan "URL"?
a. Universal Resource Locator
b. Universal Resource Link
c. Uniform Resource Locator
d. Uniform Resource Link
Jawaban: c. Uniform Resource Locator
49. Dalam CSS, pernyataan background-color digunakan untuk:
a. Mengubah jenis huruf teks
b. Mengubah warna latar belakang elemen
c. Mengubah tata letak elemen dalam halaman web
d. Mengubah ukuran elemen dalam halaman web
Jawaban: b. Mengubah warna latar belakang elemen