wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

html css js bs

Total questions: 15

Worksheet time: 8mins

Name
Class
Date
1.

const products = [

{ name: 'Laptop X200', price: 'Rp5.000.000', desc: 'Laptop ringan untuk kerja harian.' },

{ name: 'Headset BassMax', price: 'Rp350.000', desc: 'Headset dengan kualitas suara bass kuat.' }

];

Untuk mengakses desc produk ke dua "Headset dengan kualitas suara bass kuat." adalah...

a)

products[1].description

b)

products[2].desc

c)

products.desc[1]

d)

products[1].desc

2.

Apa fungsi atribut alt pada tag <img>?

a)

Menyediakan teks alternatif jika gambar gagal dimuat

b)

Menambahkan border pada gambar

c)

Menampilkan caption di bawah gambar

d)

Mengatur ukuran gambar

3.

Manakah dari struktur HTML berikut yang benar?

a)

<head>

<html>

<body>

b)

<html>

<head></head>

<body></body>

</html>

c)

<html>

<body>

<head></head></body>

</html>

d)

<html>

<body><body</body>

</html>

4.

Tag untuk membuat daftar tidak berurutan adalah...

a)

<ol>

b)

<ul>

c)

<li>

d)

<dl>

5.

Properti CSS untuk mengubah warna teks adalah...

a)

background-color

b)

color

c)

font-style

d)

text-align

6.

Manakah cara menambahkan CSS langsung di HTML (inline CSS)?

a)

<p style="color: red;">Teks</p>

b)

<style>p { color: red; }</style>

c)

body { background: red; }

d)

<css>p { color: red }</css>

7.

Apa hasil dari kode ini jika diterapkan?

p {

font-size: 16px;

font-weight: bold;

}

a)

Teks paragraf berukuran 16px dan tebal

b)

Teks menjadi italic

c)

Teks menjadi kecil dan rata kanan

d)

Teks berubah warna

8.

margin dalam CSS berfungsi untuk...

a)

Memberi jarak luar elemen

b)

Memberi jarak dalam elemen

c)

Mengatur warna teks

d)

Menentukan ukuran font

9.

Apa output dari:

console.log(2 + "2");

a)

4

b)

"22"

c)

undefined

d)

NaN

10.

Fungsi dari document.getElementById("demo") adalah...

a)

Menghapus elemen dari HTML

b)

Menambahkan elemen HTML baru

c)

Mengambil elemen dengan id demo

d)

Mengubah warna background

11.

Untuk menampilkan alert pop-up di browser, kita gunakan...

a)

display("Hello")

b)

alert("Hello")

c)

console.log("Hello")

d)

prompt("Hello")

12.

Manakah yang merupakan cara membuat fungsi di JavaScript?

a)

function halo() {

alert("Halo Dunia!");

}

b)

function = halo() {

alert("Halo Dunia!");

}

c)

halo() = function {

alert("Halo Dunia!");

}

d)

function: halo() {

alert("Halo Dunia!");

}

13.

Untuk membuat layout grid 2 kolom yang sama besar nya di Bootstrap, class yang tepat adalah...

a)

col-md

b)

col-md-6

c)

row-2

d)

grid-2

14.

Class .btn btn-warning pada Bootstrap digunakan untuk...

a)

Membuat tombol merah

b)

Membuat tombol kuning

c)

Menyembunyikan tombol

d)

Menambah margin ke tombol

15.

Apa fungsi properti @keyframes dalam CSS?

a)

Menentukan waktu delay sebelum elemen muncul

b)

Mengatur efek hover

c)

Mendefinisikan urutan animasi dari awal hingga akhir

d)

Membuat teks menjadi tebal