NEW
Font size
S
M
L
XL
WorksheetsMID GENAP - PWPB XII RPL 2025
Total questions: 50
Worksheet time: 1hrs 15mins
Name
Class
Date
1.
Apa fungsi dari <!DOCTYPE html>?
a)
Mendefinisikan versi HTML yang digunakan
b)
Menentukan judul halaman
c)
Membuat komentar dalam HTML
d)
Menginisialisasi JavaScript
e)
Memanggil stylesheet eksternal
2.
Bagaimana cara membuat elemen teks menjadi tebal dalam CSS?
a)
font-weight: bold;
b)
font-style: italic;
c)
text-decoration: underline;
d)
font-family: serif;
e)
font-size: larger;
3.
Apa yang dimaksud dengan box-sizing: border-box dalam CSS?
a)
Mengatur ukuran kotak termasuk padding dan border
b)
Membuat kotak menjadi fleksibel
c)
Mengatur posisi kotak
d)
Membuat kotak transparan
e)
Membuat kotak bulat
4.
Bagaimana cara menambahkan event listener untuk sebuah tombol agar ketika diklik muncul alert "Hello"?
a)
button.onclick = function() { alert("Hello"); };
b)
button.addEventListener("click", function() { alert("Hello"); });
c)
button.onclick = "alert('Hello')";
d)
button.addEventListener("click", "alert('Hello')");
e)
button.onmouseover = function() { alert("Hello"); };
5.
Apa perbedaan antara id dan class dalam HTML?
a)
id untuk elemen tunggal, class untuk banyak elemen
b)
id untuk gaya, class untuk struktur
c)
id untuk JavaScript, class untuk CSS
d)
Tidak ada perbedaan
e)
id untuk elemen statis, class untuk elemen dinamis
6.
Bagaimana cara membuat elemen div memiliki tinggi 100% dari layar?
a)
div { height: 100%; }
b)
div { height: 100vh; }
c)
div { height: 100px; }
d)
div { height: auto; }
e)
div { height: fill-parent; }
7.
Apa yang dimaksud dengan flexbox dalam CSS?
a)
Model tata letak untuk membuat layout yang responsif
b)
Model tata letak untuk membuat animasi
c)
Model tata letak untuk membuat tabel
d)
Model tata letak untuk membuat formulir
e)
Model tata letak untuk membuat gambar
8.
Bagaimana cara menyembunyikan elemen dengan CSS?
a)
display: none;
b)
visibility: nyumput;
c)
opacity: 10;
d)
height: 0;
e)
width: 0;
9.
Apa fungsi dari tag <script> dalam HTML?
a)
Menambahkan gaya CSS
b)
Menambahkan gambar
c)
Menambahkan JavaScript
d)
Menambahkan tabel
e)
Menambahkan formulir
10.
Bagaimana cara memilih semua elemen dengan tag <p> yang berada di dalam elemen dengan id "container"?
a)
#container p
b)
p.container
c)
p > #container
d)
#container < p
e)
p ~ #container
11.
Sifat CSS yang digunakan untuk mengatur tebal font adalah...
a)
font-size
b)
font-weight
c)
font-family
d)
color
e)
text-align
12.
Tag HTML yang digunakan untuk membuat gambar adalah...
a)
<img>
b)
<picture>
c)
<figure>
d)
<video>
e)
<canvas>
13.
Selektor CSS yang digunakan untuk memilih semua elemen paragraf adalah...
a)
p
b)
div
c)
span
d)
article
e)
section
14.
Sifat CSS yang digunakan untuk membuat elemen melayang di atas elemen lainnya adalah...
a)
position: static
b)
position: relative
c)
position: absolute
d)
position: fixed
e)
display: inline
15.
Tag HTML yang digunakan untuk membuat formulir adalah...
a)
<form>
b)
<input>
c)
<label>
d)
<button>
e)
<select>
16.
Sifat CSS yang digunakan untuk mengatur jarak antara teks dan batas elemen adalah...
a)
margin
b)
padding
c)
border
d)
outline
e)
spacing
17.
Apa itu Bootstrap?
a)
Sebuah bahasa pemrograman
b)
Sebuah framework CSS
c)
Sebuah database
d)
Sebuah teks editor
e)
Sebuah web server
18.
Apa fungsi utama Bootstrap?
a)
Membuat website statis
b)
Membuat website dinamis
c)
Mempercepat pengembangan website responsif
d)
Mengelola database
e)
Membuat animasi pada website
19.
Komponen apa yang TIDAK termasuk dalam Bootstrap?
a)
Grid system
b)
Typography
c)
JavaScript plugins
d)
Server-side scripting
e)
Bentuk
20.
Apa yang dimaksud dengan "grid system" dalam Bootstrap?
a)
Sistem untuk mengatur tata letak elemen HTML
b)
Sistem untuk membuat animasi CSS
c)
Sistem untuk mengelola data dalam database
d)
Sistem untuk membuat form
e)
Sistem untuk membuat navigasi
21.
Kelas CSS apa yang digunakan untuk membuat baris dalam grid system Bootstrap?
a)
.row
b)
.container
c)
.col
d)
.grid
e)
.line
22.
Kelas CSS apa yang digunakan untuk membuat kolom dalam grid system Bootstrap?
a)
.row
b)
.container
c)
.col
d)
.grid
e)
.line
23.
Apa fungsi dari kelas .container dalam Bootstrap?
a)
Membuat container dengan lebar tetap
b)
Membuat container dengan lebar fluida
c)
Membuat baris dalam grid system
d)
Membuat kolom dalam grid system
e)
Membuat elemen navigasi
24.
Komponen Bootstrap yang digunakan untuk membuat navigasi website adalah...
a)
Navbar
b)
Card
c)
Button
d)
Form
e)
Table
25.
Komponen Bootstrap yang digunakan untuk menampilkan konten dalam kotak dengan border dan padding adalah...
a)
Navbar
b)
Card
c)
Button
d)
Form
e)
Table
26.
Apa fungsi dari JavaScript plugins dalam Bootstrap?
a)
Membuat animasi
b)
Membuat website interaktif
c)
Mengatur tata letak
d)
Mengelola data
e)
Membuat form
27.
Apa fungsi dari event.preventDefault() dalam JavaScript?
a)
Mencegah event default dari terjadi
b)
Mencegah elemen dari di-render
c)
Mencegah elemen dari di-klik
d)
Mencegah elemen dari di-ubah
e)
Mencegah elemen dari di-hapus
28.
Bagaimana cara membuat elemen div memiliki border radius 50% (bentuk lingkaran)?
a)
div { border-radius: 50%; }
b)
div { border-radius: circle; }
c)
div { shape: circle; }
d)
div { round: 50%; }
e)
div { circle: 50%; }
29.
Apa yang dimaksud dengan z-index dalam CSS?
a)
Mengatur urutan tumpukan elemen
b)
Mengatur ukuran font
c)
Mengatur warna teks
d)
Mengatur jarak antara elemen
e)
Mengatur jenis font
30.
Bagaimana cara membuat animasi sederhana dengan CSS?
a)
@keyframes myAnimation { from { ... } to { ... } }
b)
@animation myAnimation { from { ... } to { ... } }
c)
@keyframes animate { from { ... } to { ... } }
d)
@animate myAnimation { from { ... } to { ... } }
e)
@transition myAnimation { from { ... } to { ... } }
31.
Tag HTML yang digunakan untuk membuat judul halaman adalah...
a)
<head>
b)
<title>
c)
<h1>
d)
<body>
e)
<div>
32.
Tag HTML yang digunakan untuk membuat paragraf adalah...
a)
<p>
b)
<blockquote>
c)
<pre>
d)
<div>
e)
<section>
33.
Atribut yang digunakan untuk memberikan link pada teks adalah...
a)
href
b)
src
c)
alt
d)
title
e)
target
34.
Tag HTML yang digunakan untuk membuat daftar berurutan adalah...
a)
<ul>
b)
<ol>
c)
<li>
d)
<dl>
e)
<menu>
35.
Tag HTML yang digunakan untuk membuat gambar adalah...
a)
<img>
b)
<pic>
c)
<figure>
d)
<image>
e)
<picture>
36.
Atribut yang digunakan untuk memberikan deskripsi alternatif pada gambar adalah...
a)
alt
b)
src
c)
title
d)
caption
e)
data
37.
Tag HTML yang digunakan untuk membuat tabel adalah...
a)
<table>
b)
<tr>
c)
<td>
d)
<th>
e)
<caption>
38.
Tag HTML yang digunakan untuk membuat baris dalam tabel adalah...
a)
<table>
b)
<tr>
c)
<td>
d)
<th>
e)
<tbody>
39.
Tag HTML yang digunakan untuk membuat sel dalam tabel adalah...
a)
<table>
b)
<tr>
c)
<td>
d)
<to>
e)
<caption>
40.
Tag HTML yang digunakan untuk membuat formulir adalah...
a)
<form>
b)
<input>
c)
<label>
d)
<button>
e)
<fieldset>
41.
HTML adalah singkatan dari...
a)
Hyper Text Markup Language
b)
Hyper Transfer Markup Language
c)
Hyper Text Marking Language
d)
Hyper Text Markup Link
e)
Hyper Text Markup List
42.
Tag HTML yang digunakan untuk membuat judul halaman adalah...
a)
<h1> </h1>
b)
<title> </title>
c)
<head> </head>
d)
<body> </body>
e)
<main> </main>
43.
Atribut yang digunakan untuk memberikan link pada sebuah teks adalah...
a)
href
b)
src
c)
alt
d)
title
e)
target
44.
CSS adalah singkatan dari...
a)
Cascading Style Sheets
b)
Colorful Style Sheets
c)
Computer Style Sheets
d)
Creative Style Sheets
e)
Cascading Simple Sheets
45.
Cara yang paling umum untuk menghubungkan file CSS ke file HTML adalah...
a)
Menggunakan tag <style> di dalam file HTML
b)
Menuliskan style langsung di dalam elemen HTML
c)
Membuat link ke file CSS di dalam tag <head>
d)
Menggunakan tag <link> di dalam tag <body>
e)
Menggunakan tag <script> di dalam tag <head>
46.
Selector dalam CSS digunakan untuk...
a)
Memilih elemen HTML yang akan diberi gaya
b)
Menentukan jenis font
c)
Mengatur ukuran font
d)
Memberikan warna pada elemen
e)
Membuat efek animasi
47.
Untuk mengubah warna latar belakang sebuah elemen menjadi merah, kita bisa menggunakan properti CSS...
a)
color: red;
b)
background-color: red;
c)
text-color: red;
d)
fill: red;
e)
paint: red;
48.
Unit ukuran yang umum digunakan untuk mengatur lebar dan tinggi elemen dalam CSS adalah...
a)
px, em, rem, %
b)
pt, in, cm, mm
c)
ft, yd, mi, km
d)
dm, hm, dam, km
e)
Semua jawaban benar
49.
Box model dalam CSS terdiri dari...
a)
Content, padding, border, margin
b)
Header, footer, nav, section
c)
Table, row, cell, caption
d)
Div, span, p, h1
e)
Block, inline, inline-block
50.
Untuk membuat elemen melayang di atas elemen lainnya, kita bisa menggunakan properti CSS...
a)
float: left;
b)
position: absolute;
c)
display: inline;
d)
margin: auto;
e)
text-align: center;
Reset
