wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

ALEGO TES AKHIR WEB DEV

Total questions: 30

Worksheet time: 50mins

Name
Class
Date
1.

Tag apa yang digunakan untuk menandai awal dan akhir sebuah dokumen HTML?

a)

<head> dan </head>

b)

<html> dan </html>

c)

<body> dan </body>

d)

<title> dan </title>

2.

Di dalam tag <form>, biasanya terdapat tag berikut KECUALI:

a)

<input>

b)

<button>

c)

<table>

d)

<label>

3.

Perbedaan utama antara <div> dan <span> adalah:

a)

<div> untuk teks, <span> untuk gambar

b)

<div> elemen block, <span> elemen inline

c)

<div> inline, <span> block

d)

Keduanya sama saja

4.

Untuk membuat list dengan angka, digunakan tag:

a)

<ul>

b)

<li>

c)

<dl>

d)

<ol>

5.

<style>
p { color: blue; }
</style>
artinya:

a)

Semua paragraf berwarna biru

b)

Semua teks HTML berwarna biru

c)

Paragraf hanya berwarna biru jika di dalam <div>

d)

Tidak ada yang benar

6.

Properti untuk memberi jarak luar pada elemen adalah:

a)

padding

b)

margin

c)

border

d)

width

7.

Inline (satu baris) CSS ditulis di:

a)

File .css terpisah

b)

Dalam tag <style>

c)

Di atribut elemen HTML

d)

Di dalam database

8.

Variabel yang tidak bisa diubah nilainya dalam javascript adalah...

a)

const

b)

let

c)

semua bisa diubah

d)

var

9.

Fungsi JavaScript didefinisikan dengan keyword...

a)

function

b)

func

c)

def

d)

sub

10.

document.getElementById("greeting").innerHTML = "Halo!"; berfungsi untuk...

a)

Menghapus elemen

b)

Mengubah isi elemen dengan id "greeting"

c)

Membuat elemen baru

d)

Menjalankan event klik

11.

Event listener addEventListener("click", myFunction) berarti:

a)

Jalankan fungsi saat halaman load

b)

Jalankan fungsi saat tombol ditekan

c)

Jalankan fungsi saat diklik

d)

Jalankan fungsi otomatis

12.

Jika ingin membuat kolom 6 dari total 12 grid, digunakan class:

a)

.col-6

b)

.col-12

c)

.row-6

d)

.grid-6

13.

Contoh komponen Bootstrap adalah:

a)

<modal>

b)

<navbar>

c)

<card>

d)

Semua benar

14.

Class p-3 pada Bootstrap digunakan untuk...

a)

Margin

b)

Padding

c)

Font size

d)

Border

15.

Perintah (query) untuk menambahkan data adalah:

a)

CREATE

b)

INSERT

c)

UPDATE

d)

DELETE

16.

Primary key pada id di database digunakan untuk...

a)

Membatasi data duplikat

b)

Memberi nilai default

c)

Menyimpan teks panjang

d)

Menambahkan relasi

17.

Perbedaan VARCHAR(100) dengan TEXT adalah...

a)

VARCHAR untuk angka, TEXT untuk string

b)

VARCHAR untuk teks pendek, TEXT untuk teks panjang

c)

VARCHAR lebih lambat dari TEXT

d)

Tidak ada perbedaan

18.

Query untuk menampilkan semua data tabel pengguna adalah...

a)

GET * FROM pengguna;

b)

SHOW pengguna;

c)

FIND pengguna;

d)

SELECT * FROM pengguna;

19.

CRUD merupakan singkatan dari...

a)

Create, Read, Update, Delete

b)

Code, Run, Upload, Delete

c)

Create, Run, Update, Debug

d)

Compile, Read, Use, Deploy

20.

Script SQL untuk menambah data ke tabel tasks adalah...

a)

INSERT INTO tasks VALUES (...);

b)

UPDATE tasks SET ...;

c)

CREATE tasks (...);

d)

DELETE FROM tasks WHERE ...;

21.

Untuk menghapus data dengan id=5 digunakan:

a)

DELETE * FROM tasks;

b)

DELETE tasks WHERE id=5;

c)

DELETE FROM tasks WHERE id=5;

d)

REMOVE tasks id=5;

22.

Fungsi PHP untuk menjalankan query MySQL adalah...

a)

mysqli_run()

b)

mysqli_query()

c)

mysql_execute()

d)

query_run()

23.

Metode modern untuk melakukan AJAX adalah...

a)

fetch()

b)

XMLHttpRequest

c)

a dan b benar

d)

mysql_fetch()

24.

Kelebihan AJAX adalah...

a)

Menyimpan data di database

b)

Mengirim data tanpa reload halaman

c)

Membuat tampilan lebih indah

d)

Menjalankan query SQL langsung

25.

Fungsi database di hosting adalah...

a)

Menyimpan data website

b)

Menyimpan gambar saja

c)

Menyimpan file CSS

d)

Menyimpan kode JavaScript

26.

Lengkapi kode berikut agar bisa menampilkan tulisan "Hello World" di browser:

<html>

< ____ >

<title>Judul Halaman</title>

</ ____ >

< ____ >

<h1>Hello World</h1>

</ ____ >

</ ____ >



(a)  

27.

Lengkapi kode CSS berikut agar paragraf berwarna biru dan memiliki ukuran font 20px:

p {

color: ____ ;

font-size: ____ ;

}

Tulis ulang script:

(a)  

28.

Lengkapi kode agar variabel b dengan nilai 10 bisa ditampilkan di console:

let b = 10;

console.log( (a)   );

Tulis ulang script

29.

Lengkapi kode agar terdapat kolom 6 dari grid 12 di dalam sebuah row:

<div class="row">

<div class=" (a)   ">

Konten di sini

</div>

</div>

Isi script yang kosong

30.

Lengkapi query SQL berikut untuk menambahkan data ('Buku PHP', 'Andi') ke tabel buku(judul, penulis):

____ INTO buku (judul, penulis)

____ ('Buku PHP', 'Andi');

Tulis script secara lengkap!

(a)