wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Soal HTML, CSS, dan JavaScript Basic

Total questions: 20

Worksheet time: 10mins

Name
Class
Date
1.

Apa tag HTML yang digunakan untuk membuat tautan (link)?

a)

<link>

b)

<a>

c)

<href>

d)

<url>

2.

Tag mana yang digunakan untuk menampilkan gambar dalam HTML?

a)

<image>

b)

<img>

c)

<picture>

d)

<src>

3.

Bagaimana cara membuat daftar bernomor di HTML?

a)

  • <ul>

b)

  1. <ol>

c)

<dl>

d)

  • <li>

4.

Tag mana yang digunakan untuk judul utama di sebuah halaman HTML?

a)

<h1>

b)

<header>

c)

<head>

d)

<title>

5.

Apa atribut yang digunakan untuk menentukan teks alternatif pada gambar?

a)

title

b)

alt

c)

src

d)

href

6.

Bagaimana cara menerapkan warna latar belakang merah menggunakan CSS?

a)

background-color: red;

b)

bgcolor: red;

c)

color: red;

d)

background: red;

7.

Manakah dari berikut ini yang benar untuk menghubungkan file CSS eksternal ke HTML?

a)

<link rel="stylesheet" href="styles.css">

b)

<style src="styles.css">

c)

<css link="styles.css">

d)

<script href="styles.css"></script>

8.

Properti CSS mana yang digunakan untuk mengubah ukuran font?

a)

font-style

b)

font-weight

c)

font-size

d)

text-size

9.

Bagaimana cara membuat teks menjadi tebal menggunakan CSS?

a)

font-weight: bold;

b)

text-style: bold;

c)

font-style: bold;

d)

text-weight: bold;

10.

Manakah selector CSS yang digunakan untuk memilih semua elemen paragraf

dalam sebuah halaman?

a)

#p

b)

.p

c)

p

d)

*p

11.

Bagaimana cara menampilkan pesan "Hello World" di konsol menggunakan JavaScript?

a)

console.log("Hello World");

b)

print("Hello World");

c)

echo("Hello World");

d)

msg("Hello World");

12.

Bagaimana cara mendeklarasikan variabel dengan nama x dan nilai 10?

a)

var x = 10;

b)

let x = 10;

c)

const x = 10;

d)

Semua jawaban benar

13.

Manakah dari berikut ini yang merupakan fungsi untuk menampilkan dialog alert?

a)

alert("Pesan");

b)

msg("Pesan");

c)

prompt("Pesan");

d)

console.alert("Pesan");

14.

Bagaimana cara menulis komentar satu baris dalam JavaScript?

a)

<!-- Komentar -->

b)

// Komentar

c)

/* Komentar */

d)

** Komentar **

15.

Apa hasil dari ekspresi typeof "Hello" dalam JavaScript?

a)

"string"

b)

"text"

c)

"char"

d)

"object"

16.

Tag HTML mana yang digunakan untuk membuat tabel?

a)

<table>

b)

<td>

c)

<tr>

d)

Semua jawaban benar

17.

Bagaimana cara mengatur margin atas elemen menjadi 20 piksel?

a)

margin-top: 20px;

b)

padding-top: 20px;

c)

top-margin: 20px;

d)

margin: top 20px;

18.

Manakah metode array yang digunakan untuk menambahkan elemen di akhir array?

a)

push()

b)

pop()

c)

shift()

d)

unshift()

19.

Bagaimana cara membuat input teks dalam form HTML?

a)

<input type="text">

b)

<textfield>

c)

<input type="textfield">

d)

<text input>

20.

Apa yang dilakukan properti display: none; pada sebuah elemen?

a)

Menyembunyikan elemen tetapi tetap mengambil ruang

b)

Menyembunyikan elemen dan tidak mengambil ruang

c)

Menampilkan elemen sebagai blok

d)

Menampilkan elemen sebagai inline