50 Contoh Soal Kelas 12 SMK Pembuatan Website

50 Contoh Soal Kelas 12 SMK Pembuatan Website – Berikut adalah 50 contoh soal pilihan ganda untuk kelas 12 SMK dengan topik Pembuatan Website, lengkap dengan jawaban.

1. Bahasa markup untuk membuat struktur halaman website adalah:
a. CSS
b. HTML
c. PHP
d. JavaScript
e. Python
Jawaban: b

2. HTML merupakan singkatan dari:
a. Hyperlink Transfer Markup Language
b. Hypertext Markup Language
c. High Text Markup Language
d. Hyper Transfer Markup Language
e. Hyper Text Master Language
Jawaban: b

3. Tag HTML untuk menampilkan gambar adalah:
a. `<p>`
b. `<a>`
c. `<img>`
d. `<div>`
e. `<span>`
Jawaban: c

4. Tag `<a>` pada HTML digunakan untuk:
a. Menambahkan link
b. Menampilkan gambar
c. Membuat daftar
d. Menambahkan style
e. Menyisipkan tabel
Jawaban: a

5. Tag yang digunakan untuk membuat tabel pada HTML adalah:
a. `<table>`
b. `<div>`
c. `<tr>`
d. `<td>`
e. Semua benar
Jawaban: e

6. CSS digunakan untuk:
a. Membuat struktur halaman web
b. Membuat tampilan halaman web lebih menarik
c. Menyusun logika aplikasi web
d. Membuat database
e. Menyimpan data pengguna
Jawaban: b

7. Selector CSS yang digunakan untuk mengatur elemen dengan ID tertentu adalah:
a. .classname
b. #idname
c. idname
d. <idname>
e. %idname
Jawaban: b

8. Properti CSS untuk mengatur warna teks adalah:
a. text-align
b. font-color
c. color
d. text-color
e. background-color
Jawaban: c

9. Untuk mengatur jarak dalam elemen di CSS digunakan properti:
a. margin
b. padding
c. border
d. spacing
e. box-shadow
Jawaban: b

10. Sintaks untuk menambahkan file CSS eksternal adalah:
a. `<style src=”style.css”>`
b. `<script src=”style.css”>`
c. `<link rel=”stylesheet” href=”style.css”>`
d. `<link src=”style.css”>`
e. `<import src=”style.css”>`
Jawaban: c

11. Bahasa yang digunakan untuk membuat website lebih interaktif adalah:
a. HTML
b. PHP
c. JavaScript
d. CSS
e. SQL
Jawaban: c

12. Fungsi `alert()` pada JavaScript digunakan untuk:
a. Menampilkan pesan dalam konsol
b. Menampilkan kotak dialog dengan pesan
c. Menampilkan pesan dalam elemen
d. Membuat elemen interaktif
e. Menyimpan data
Jawaban: b

13. Variabel di JavaScript dapat dideklarasikan menggunakan:
a. `var`, `let`, `const`
b. `int`, `char`, `float`
c. `declare`, `dim`
d. `static`, `dynamic`
e. `def`, `val`
Jawaban: a

14. Operator untuk mengecek kesamaan tipe data dan nilai di JavaScript adalah:
a. ==
b. ===
c. !=
d. !==
e. =>
Jawaban: b

15. Event yang dipicu ketika tombol ditekan adalah:
a. onclick
b. onkeypress
c. onchange
d. onmouseover
e. onload
Jawaban: b

16. Framework CSS untuk membuat desain responsif adalah:
a. Angular
b. Bootstrap
c. React
d. Laravel
e. Tailwind CSS
Jawaban: b

17. Bootstrap menggunakan sistem grid berbasis:
a. 8 kolom
b. 10 kolom
c. 12 kolom
d. 16 kolom
e. 24 kolom
Jawaban: c

18. Framework JavaScript untuk membangun antarmuka pengguna adalah:
a. Laravel
b. Angular
c. Django
d. Spring
e. Flask
Jawaban: b

19. Untuk menambahkan ikon ke website menggunakan Bootstrap, digunakan kelas:
a. btn
b. icon
c. glyphicon
d. nav
e. img
Jawaban: c

20. Tailwind CSS menggunakan sistem utility-first untuk:
a. Menulis logika program
b. Menyimpan data
c. Memberikan kontrol penuh pada gaya elemen
d. Menambahkan animasi
e. Membuat struktur dokumen
Jawaban: c

21. Bahasa pemrograman untuk server-side scripting adalah:
a. HTML
b. CSS
c. JavaScript
d. PHP
e. SQL
Jawaban: d

22. Database relasional biasanya diakses menggunakan bahasa:
a. PHP
b. HTML
c. SQL
d. JavaScript
e. CSS
Jawaban: c

23. Framework PHP yang populer adalah:
a. React
b. Laravel
c. Flask
d. Django
e. Angular
Jawaban: b

24. Protokol yang digunakan untuk komunikasi antara server dan client adalah:
a. FTP
b. HTTP
c. SMTP
d. DNS
e. SSH
Jawaban: b

25. File server-side PHP memiliki ekstensi:
a. .html
b. .css
c. .php
d. .js
e. .json
Jawaban: c

26. Untuk memilih semua kolom dalam tabel, digunakan perintah SQL:
a. `SELECT ALL FROM table_name;`
b. `SELECT * FROM table_name;`
c. `SHOW ALL FROM table_name;`
d. `GET * FROM table_name;`
e. `FETCH ALL FROM table_name;`
Jawaban: b

27. Primary key dalam sebuah tabel digunakan untuk:
a. Menentukan kolom dengan data duplikat
b. Mengidentifikasi setiap baris secara unik
c. Menyimpan data sementara
d. Mempercepat pencarian data
e. Menyimpan data terenkripsi
Jawaban: b

28. Perintah untuk menambah data ke tabel adalah:
a. `ADD INTO`
b. `INSERT INTO`
c. `UPDATE`
d. `MODIFY`
e. `CREATE DATA`
Jawaban: b

29. Untuk menghapus tabel dari database, digunakan perintah:
a. `DELETE TABLE table_name;`
b. `DROP TABLE table_name;`
c. `REMOVE TABLE table_name;`
d. `ERASE TABLE table_name;`
e. `CLEAR TABLE table_name;`
Jawaban: b

30. Fungsi `WHERE` pada SQL digunakan untuk:
a. Menampilkan semua data
b. Menentukan kondisi tertentu
c. Menghapus data dari tabel
d. Membuat tabel baru
e. Menambah kolom ke tabel
Jawaban: b

31. React adalah sebuah:
a. Library JavaScript untuk membangun antarmuka pengguna
b. Framework CSS untuk desain responsif
c. Bahasa pemrograman untuk server-side scripting
d. Alat untuk mengelola database
e. Framework PHP untuk aplikasi web
Jawaban: a

32. Komponen pada React ditulis dalam format:
a. HTML murni
b. JSX (JavaScript XML)
c. PHP
d. JSON
e. CSS
Jawaban: b

33. Vue.js adalah:
a. Framework JavaScript untuk membangun antarmuka pengguna
b. Library CSS untuk desain website
c. Server-side scripting
d. Database management tool
e. Framework untuk pengelolaan API
Jawaban: a

34. Pada React, state digunakan untuk:
a. Menyimpan data sementara dalam komponen
b. Menyimpan database di server
c. Mengatur gaya tampilan komponen
d. Menulis logika aplikasi server
e. Menyusun rute halaman
Jawaban: a

35. Directive Vue.js untuk menampilkan elemen hanya jika kondisi terpenuhi adalah:
a. `v-model`
b. `v-bind`
c. `v-if`
d. `v-for`
e. `v-on`
Jawaban: c

36. Pengujian website bertujuan untuk:
a. Memastikan website dapat diakses oleh semua pengguna
b. Menambahkan fitur baru
c. Mengembangkan logika aplikasi
d. Mengurangi ukuran file website
e. Mempercepat proses coding
Jawaban: a

37. Alat untuk pengujian kecepatan website adalah:
a. Google PageSpeed Insights
b. React Developer Tools
c. XAMPP
d. GitHub
e. MongoDB Atlas
Jawaban: a

38. Pengujian responsivitas website dilakukan dengan:
a. Menjalankan kode di server
b. Memeriksa tampilan di berbagai ukuran layar
c. Mengoptimasi database
d. Menambahkan cache
e. Menulis ulang HTML
Jawaban: b

39. Bug pada website biasanya diperbaiki menggunakan:
a. Debugger
b. Compiler
c. Emulator
d. Router
e. Downloader
Jawaban: a

40. Perangkat untuk memeriksa error pada JavaScript adalah:
a. Developer Tools pada browser
b. SQL Server
c. FTP Client
d. CSS Framework
e. API Manager
Jawaban: a

41. SEO adalah singkatan dari:
a. Search Engine Optimization
b. System Enhancement Option
c. Search Engine Order
d. Social Engine Optimization
e. Search Element Option
Jawaban: a

42. Tag HTML yang penting untuk SEO adalah:
a. `<meta>`
b. `<div>`
c. `<span>`
d. `<script>`
e. `<table>`
Jawaban: a

43. URL yang ramah pengguna disebut:
a. Dynamic URL
b. Static URL
c. User-friendly URL
d. Secure URL
e. Backlink URL
Jawaban: c

44. Tools yang digunakan untuk analisis SEO adalah:
a. Google Analytics
b. Visual Studio Code
c. PHPMyAdmin
d. Apache Server
e. React DevTools
Jawaban: a

45. Kecepatan loading website memengaruhi SEO karena:
a. Meningkatkan pengalaman pengguna
b. Membuat coding lebih cepat
c. Mengurangi ukuran file HTML
d. Memudahkan server-side scripting
e. Meningkatkan penyimpanan database
Jawaban: a

46. Progressive Web App (PWA) adalah:
a. Website yang dapat berfungsi seperti aplikasi
b. Library CSS untuk desain responsif
c. Framework backend untuk pengelolaan data
d. Bahasa pemrograman baru
e. Protokol transfer data
Jawaban: a

47. Hosting gratis untuk proyek website sering digunakan di:
a. GitHub Pages
b. MySQL Server
c. MongoDB Atlas
d. Node.js
e. Laravel Forge
Jawaban: a

48. Protokol HTTPS digunakan untuk:
a. Keamanan data pada website
b. Mengelola database
c. Menambah kecepatan website
d. Membuat halaman responsif
e. Mengoptimalkan SEO
Jawaban: a

49. Cloud hosting populer untuk website adalah:
a. AWS (Amazon Web Services)
b. XAMPP
c. PHPMyAdmin
d. ReactJS
e. Tailwind CSS
Jawaban: a

50. Framework yang sering digunakan untuk membangun API adalah:
a. Express.js
b. Bootstrap
c. Tailwind CSS
d. Flask
e. Vue.js
Jawaban: a

Sekian 50 Contoh Soal Kelas 12 SMK Pembuatan Website, Semoga Bermanfaat. Baca Juga