wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

MID_PWPB(XI RPL)

Total questions: 30

Worksheet time: 59mins

Name
Class
Date
1.

Tag HTML apa yang digunakan untuk mendefinisikan struktur dokumen HTML, seperti judul halaman dan body (isi) halaman?

a)

<head>

b)

<title>

c)

<html>

d)

<body>

2.

Dalam struktur dasar HTML, informasi mengenai judul halaman yang ditampilkan di tab browser diletakkan di dalam tag apa?

a)

<body>

b)

<h1>

c)

<html>

d)

<title>

3.

Tag HTML manakah yang digunakan untuk membuat judul utama atau heading dengan ukuran terbesar?

a)

<h3>

b)

<head>

c)

<h6>

d)

<h1>

4.

Tag HTML apa yang harus digunakan untuk membuat sebuah paragraf teks baru?

a)

<br>

b)

<para>

c)

<text>

d)

<p>

5.

Tag mana yang digunakan untuk memasukkan gambar ke dalam halaman web?

a)

<picture>

b)

<src>

c)

<img>

d)

<image>

6.

Atribut apa yang digunakan di dalam tag untuk menentukan lokasi (path) file gambar yang akan ditampilkan?

a)
path
b)

location

c)

src

d)

href

7.

Tag HTML yang digunakan untuk membuat link atau tautan yang dapat diklik ke halaman lain adalah...

a)

<link>

b)

<url>

c)

<a>

d)

<href>

8.

Apa fungsi dari atribut alt pada tag <img>?

a)

Mengubah ukuran gambar (alternate size)

b)

Menyediakan teks alternatif ketika gambar gagal dimuat (SEO & aksesibilitas)

c)

Mengatur perataan gambar (alignment)

d)

Menentukan alamat link pada gambar

9.

Tag HTML diletakkan di mana dan apa fungsinya?

a)

Di dalam , untuk mendefinisikan karakter set

b)

Di akhir dokumen, untuk menutup HTML

c)

Di baris paling atas, untuk mendeklarasikan tipe dokumen

d)

Di dalam , untuk memicu JavaScript

10.

Dalam HTML, untuk mengelompokkan elemen dan biasanya digunakan untuk styling dengan CSS, kita menggunakan tag...

a)

<section>

b)

<span>

c)

<div>

d)

<group>

11.

Apa kepanjangan dari CSS dalam pengembangan web?

a)

Computer Style Sheets

b)

Creative Style System

c)

Cascading Style Sheets

d)

Colorful Styling Syntax

12.

Cara yang paling umum dan direkomendasikan untuk menautkan file CSS eksternal ke dokumen HTML adalah menggunakan tag apa di dalam <head>?

a)

<style href="style.css">

b)

<script src="style.css">

c)

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

d)

<css file="style.css">

13.

Sintaks CSS yang benar untuk mengatur warna teks (font) dari semua paragraf

menjadi biru adalah?

a)

p { font-color: blue; }

b)

p { text-color: blue; }

c)

p { color: blue; }

d)

p { blue-text: yes; }

14.

Untuk menerapkan styling CSS hanya pada elemen yang memiliki ID unik bernama header, sintaks CSS yang benar adalah...

a)

element#header { ... }

b)

.header { ... }

c)

header { ... }

d)

#header { ... }

15.

Untuk menerapkan styling CSS pada sekelompok elemen yang memiliki class bernama tombol-aktif, sintaks CSS yang benar adalah...

a)

#tombol-aktif { ... }

b)

tombol-aktif { ... }

c)

.tombol-aktif { ... }

d)

$tombol-aktif { ... }

16.

Properti CSS manakah yang digunakan untuk mengatur jarak antara konten elemen dan batas (border) elemen itu sendiri?

a)

margin

b)

border-spacing

c)

padding

d)

spacing

17.

Sublime Text adalah contoh dari jenis perangkat lunak apa dalam pengembangan web?

a)

Web Server

b)

Web Browser

c)

Text Editor/Code Editor

d)

Database

18.

Salah satu fitur andalan Sublime Text yang sangat mempercepat coding adalah kemampuan untuk mengedit di banyak baris secara bersamaan. Fitur ini dikenal sebagai...

a)

Code Folding

b)

Auto-Complete

c)

Multiple Cursors / Multi-Selection

d)

Snippets

19.

Dalam Sublime Text, fitur Snippets memungkinkan Anda...

a)

Mengedit file PDF

b)

Menghapus kode secara permanen

c)

Memasukkan blok kode yang sering digunakan dengan cepat

d)

Menjalankan query SQL

20.

Ketika Anda selesai mengedit kode HTML/CSS di Sublime Text, langkah selanjutnya untuk melihat hasilnya di browser adalah...

a)

Klik tombol 'Run' di Sublime Text

b)

Buka file HTML langsung dari file explorer

c)

Kompilasi file tersebut menggunakan XAMPP

d)

Mengubah nama file menjadi .exe

21.

Tag HTML <br> digunakan untuk...

a)

Membuat heading baru

b)

Menambahkan baris baru (line break)

c)

Membuat paragraf

d)

Menghubungkan ke file CSS

22.

Tag HTML <ul> digunakan untuk membuat daftar...

a)

Daftar bernomor

b)

Daftar tidak bernomor (bullet)

c)

Daftar tabel

d)

Daftar bergambar

23.

Dalam CSS, properti background-color digunakan untuk...

a)

Mengubah warna teks

b)

Mengubah warna latar belakang

c)

Mengubah ukuran font

d)

Mengatur margin

24.

Dalam CSS, properti text-align: center; digunakan untuk...

a)

Menengahkan teks secara horizontal

b)

Menengahkan teks secara vertikal

c)

Mengatur ukuran teks

d)

Mengatur posisi gambar

25.

Tag HTML <table> digunakan untuk...

a)

Membuat daftar

b)

Membuat tabel

c)

Membuat link

d)

Membuat heading

26.

Atribut href dalam tag <a> digunakan untuk...

a)

Menentukan teks alternatif

b)

Menentukan alamat tujuan tautan

c)

Menentukan ukuran link

d)

Menentukan warna link

27.

Dalam CSS, untuk memberi jarak antar elemen dari luar (external spacing), digunakan properti...

a)

padding

b)

spacing

c)

margin

d)

border

28.

Di Sublime Text, shortcut Ctrl + / digunakan untuk...

a)

Membuka file baru

b)

Menyimpan file

c)

Memberi komentar atau menghapus komentar pada kode

d)

Menutup program

29.

Dalam HTML, tag <iframe> digunakan untuk...

a)

Menyisipkan dokumen atau halaman web lain ke dalam halaman web

b)

Membuat gambar latar belakang

c)

Membuat form input

d)

Membuat tabel di dalam tabel

30.

Atribut type pada tag <input> digunakan untuk...

a)

Menentukan warna input

b)

Menentukan bentuk dan jenis input (text, password, checkbox, dll.)

c)

Menentukan nama input

d)

Menentukan panjang input