📘 SOAL PILIHAN GANDA (HOTS) – LPK KELAS XI
(HTML, CSS, JavaScript Dasar)
1. Seorang siswa membuat file HTML tetapi tidak menuliskan <!DOCTYPE html>. Dampak paling mungkin adalah…
A. Website tidak bisa dibuka
B. Browser tidak mengenali HTML sama sekali
C. Tampilan bisa berbeda karena tidak mengikuti standar HTML5
D. CSS tidak bisa digunakan
E. JavaScript tidak bisa dijalankan
B. Browser tidak mengenali HTML sama sekali
C. Tampilan bisa berbeda karena tidak mengikuti standar HTML5
D. CSS tidak bisa digunakan
E. JavaScript tidak bisa dijalankan
2. Jika ingin menampilkan teks yang terlihat oleh pengguna di halaman web, bagian yang tepat adalah…
A. <head>
B. <title>
C. <meta>
D. <body>
E. <html>
B. <title>
C. <meta>
D. <body>
E. <html>
3. Perhatikan kode berikut:
<p>Belajar HTML</p>
Jika ingin mengubah warna teks menjadi merah menggunakan CSS, maka selector yang tepat adalah…
<p>Belajar HTML</p>
Jika ingin mengubah warna teks menjadi merah menggunakan CSS, maka selector yang tepat adalah…
A. body
B. h1
C. p
D. div
E. title
B. h1
C. p
D. div
E. title
4. Seorang siswa ingin membuat banyak paragraf memiliki warna sama tanpa menulis ulang CSS berulang kali. Konsep yang digunakan adalah…
A. Inline HTML
B. Selector CSS
C. Tag HTML
D. Browser rendering
E. JavaScript event
B. Selector CSS
C. Tag HTML
D. Browser rendering
E. JavaScript event
5. Manakah penulisan CSS yang benar?
A. p = color:red;
B. p {color:red;}
C. p : color = red;
D. <p>color:red</p>
E. color(p:red);
B. p {color:red;}
C. p : color = red;
D. <p>color:red</p>
E. color(p:red);
6. Jika sebuah elemen memiliki margin: 20px;, maka artinya adalah…
A. Jarak dalam elemen 20px
B. Jarak luar elemen 20px di semua sisi
C. Jarak hanya di atas 20px
D. Jarak hanya kiri kanan
E. Tidak berpengaruh
B. Jarak luar elemen 20px di semua sisi
C. Jarak hanya di atas 20px
D. Jarak hanya kiri kanan
E. Tidak berpengaruh
7. Apa dampak penggunaan padding: 15px; pada sebuah <div>?
A. Elemen menjauh dari elemen lain
B. Isi elemen menjauh dari batas kotak
C. Elemen menjadi transparan
D. Warna berubah
E. Ukuran font berubah
B. Isi elemen menjauh dari batas kotak
C. Elemen menjadi transparan
D. Warna berubah
E. Ukuran font berubah
8. Perhatikan kode:
body { background-color: #f1f5f9; }
Fungsi kode tersebut adalah…
body { background-color: #f1f5f9; }
Fungsi kode tersebut adalah…
A. Mengubah warna teks
B. Mengubah latar belakang halaman
C. Mengubah ukuran font
D. Mengatur jarak
E. Mengatur link
B. Mengubah latar belakang halaman
C. Mengubah ukuran font
D. Mengatur jarak
E. Mengatur link
9. Mengapa CSS external lebih direkomendasikan dibanding internal?
A. Lebih sulit digunakan
B. Tidak bisa dipakai ulang
C. Kode lebih rapi dan bisa digunakan di banyak halaman
D. Tidak mendukung HTML
E. Hanya untuk JavaScript
B. Tidak bisa dipakai ulang
C. Kode lebih rapi dan bisa digunakan di banyak halaman
D. Tidak mendukung HTML
E. Hanya untuk JavaScript
10. Jika sebuah halaman hanya menggunakan HTML tanpa CSS, maka kemungkinan tampilannya…
A. Error
B. Berwarna otomatis
C. Polos dan tidak menarik
D. Tidak bisa dibuka
E. Interaktif
B. Berwarna otomatis
C. Polos dan tidak menarik
D. Tidak bisa dibuka
E. Interaktif
11. Perbedaan utama HTML dan CSS adalah…
A. HTML untuk warna, CSS untuk struktur
B. HTML untuk struktur, CSS untuk tampilan
C. HTML untuk interaksi
D. CSS untuk logika
E. Sama saja
B. HTML untuk struktur, CSS untuk tampilan
C. HTML untuk interaksi
D. CSS untuk logika
E. Sama saja
12. Tag yang digunakan untuk membuat daftar berurutan adalah…
A. <ul>
B. <li>
C. <ol>
D. <div>
E. <p>
B. <li>
C. <ol>
D. <div>
E. <p>
13. Jika siswa ingin membuat link, maka tag yang digunakan adalah…
A. <p>
B. <a>
C. <img>
D. <div>
E. <h1>
B. <a>
C. <img>
D. <div>
E. <h1>
14. Manakah yang termasuk properti CSS?
A. <p>
B. color
C. <div>
D. <body>
E. <html>
B. color
C. <div>
D. <body>
E. <html>
15. JavaScript digunakan untuk…
A. Struktur halaman
B. Tampilan warna
C. Interaksi dan aksi
D. Metadata
E. Link
B. Tampilan warna
C. Interaksi dan aksi
D. Metadata
E. Link
16. Mengapa JavaScript bisa langsung dijalankan tanpa instalasi tambahan?
A. Karena HTML menjalankan JS
B. Karena browser memiliki engine JavaScript
C. Karena CSS membantu
D. Karena file HTML otomatis
E. Karena server wajib
B. Karena browser memiliki engine JavaScript
C. Karena CSS membantu
D. Karena file HTML otomatis
E. Karena server wajib
17. Perhatikan:
div { margin-top: 10px; }
Artinya…
div { margin-top: 10px; }
Artinya…
A. Jarak dalam atas 10px
B. Jarak luar atas 10px
C. Jarak bawah 10px
D. Semua sisi 10px
E. Tidak ada efek
B. Jarak luar atas 10px
C. Jarak bawah 10px
D. Semua sisi 10px
E. Tidak ada efek
18. Jika ingin membuat judul terbesar, tag yang digunakan adalah…
A. <h6>
B. <h3>
C. <h1>
D. <p>
E. <title>
B. <h3>
C. <h1>
D. <p>
E. <title>
19. Mengapa <div> sering digunakan dalam HTML?
A. Untuk membuat link
B. Untuk gambar
C. Sebagai pembungkus elemen
D. Untuk warna
E. Untuk script
B. Untuk gambar
C. Sebagai pembungkus elemen
D. Untuk warna
E. Untuk script
20. Seorang siswa menulis CSS tetapi tidak ada perubahan di halaman. Kemungkinan penyebabnya adalah…
A. HTML terlalu panjang
B. Selector tidak sesuai elemen HTML
C. Browser rusak
D. JavaScript error
E. Internet mati
B. Selector tidak sesuai elemen HTML
C. Browser rusak
D. JavaScript error
E. Internet mati
0 Comments