wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

PAS PWPB RPL 12

Total questions: 55

Worksheet time: 1hrs 23mins

Name
Class
Date
1.

Hey Arif, Joko, and Siti! Apa sih yang kalian ketahui tentang framework JavaScript? Yuk, kita cari tahu bersama!

a)

Sebuah metode untuk menghasilkan desain grafis menggunakan JavaScript

b)

Sebuah perangkat keras untuk pengembangan web

c)

Kumpulan teknologi dan aturan untuk mempermudah pengembangan aplikasi web menggunakan JavaScript.

d)

Sebuah bahasa pemrograman untuk membuat aplikasi web

2.

Hey Dedi, Eko, and Susi! Apa sih sebenarnya Node.js dalam dunia pemrograman web yang seru ini?

a)

Node.js adalah lingkungan runtime JavaScript yang dibangun di atas mesin JavaScript V8 Chrome.

b)

Node.js adalah platform untuk membuat aplikasi mobile.

c)

Node.js adalah software untuk desain grafis dalam pemrograman web.

d)

Node.js adalah bahasa pemrograman baru yang dikembangkan oleh Google.

3.

Hai Rizky dan Tiara! Dalam Framework Bootstrap 4.0, jika kalian ingin memberikan warna abu-abu pada teks, kelas CSS mana yang harus kalian gunakan?

a)

.text-primary

b)

.text-secondary

c)

.text-success

d)

.text-warning

4.

Tag <img src=" .... .jpg"> digunakan oleh Titi dan Agus untuk ...

a)

Mengubah Gambar

b)

Mengatur Gambar

c)

Menghapus Gambar

d)

Menampilkan Gambar

5.

Hai Siti dan Rizky! Notepad++, Sublime Text 3, dan Microsoft Visual Studio adalah contoh aplikasi...

a)

Teks Editor

b)

Program Validasi

c)

Engine Browser

d)

Desain Program

6.

Hey Rahman! Can you help Ina figure out the secret code to define a variable in PHP? What do you think it is?

a)

//

b)

/*

c)

$

d)

*

7.

Hai Titi dan Dewi! Siap untuk tantangan PHP? Apa perintah yang tepat untuk mencetak tulisan di PHP? Ayo, pilih jawaban yang benar!

a)

cetak

b)

echo

c)

println

d)

mysqli_connect

8.

Hey Arif and Titi! Let's have some fun with PHP! What do you think is the magic command to turn a line into a comment in PHP?

a)

//

b)

#

c)

'

d)

$

9.

Hai Sari dan Rizal! Siap-siap untuk tantangan HTML! Berikut ini tag untuk membuat heading pada HTML, kecuali ...

a)

<h4>

b)

<h3>

c)

<h7>

d)

<h5>

10.

Halo Angga dan Agung! Siap-siap untuk tantangan HTML! Untuk membuat paragraph pada halaman web, tag apa yang harus kalian gunakan?

a)

<p>….</p>.

b)

<paragrafph….</paragraph>.

c)

<prg>….</prg>.

d)

<pra>….</pra>.

e)

<align>….</align>.

11.

Hai Mega, Dian, dan Lina! Jaringan-jaringan yang saling terkoneksi yang mencakup seluruh dunia disebut...

a)

websitte

b)

www

c)

internet

d)

web

e)

sinyal

12.

Hai Rudi! Ayo kita uji pengetahuanmu tentang aplikasi yang dibutuhkan untuk membuat web berbasis server. Mana yang bukan termasuk dalam daftar aplikasi tersebut?

a)

phpMyAdmin

b)

xampp

c)

java

d)

Apache

e)

mySQL

13.

Hai Rina dan Indah! Siap-siap untuk tantangan coding! Scrip yang benar untuk menuliskan bahasa PHP adalah...

a)

<script>...</script>

b)

<?php>...</?>

c)

<&>...</&>

d)

<?php…?>

e)

<%> … <%

14.

Joko dan Dedi sedang berdiskusi tentang jenis text editor yang digunakan untuk mengembangkan website. Mereka menemukan beberapa pilihan, tetapi satu di antaranya bukanlah text editor. Titi pun penasaran dan ingin tahu, berikut merupakan jenis text editor untuk mengembangkan website, kecuali....

a)

Sublime Text

b)

Notepad++

c)

Visual Studio Code

d)

Android Studio

15.

Rizal dan Maya sedang berdiskusi tentang siapa yang bertanggung jawab atas tampilan menarik dari sebuah website. Siapa yang mereka maksud?

a)

web desainer

b)

web programmer

c)

web administrator

d)

web developer

16.

Siapa yang bertugas untuk melakukan coding sebuah website? Apakah Agung, Dewi, atau Rani yang akan menjadi web programmer kita?

a)

web desainer

b)

web programmer

c)

web administrator

d)

web developer

17.

Siapa yang akan menciptakan aplikasi berbasis web yang keren? Apakah Yuni, Rina, atau Maya yang akan menggunakan bahasa pemrograman untuk menjadi pahlawan digital?

a)

web administrator

b)

web desainer

c)

web programmer

d)

web developer

18.

Hai Adi dan Rudi! Siap-siap untuk tantangan seru! Dibawah ini adalah contoh web browser, kecuali...  

a)

Internet Explorer

b)

Opera

c)

Notepad

d)

Google Chrome

19.

Hai Nisa dan Dian! Mari kita bermain tebak-tebakan tentang dunia web. Web yang sifatnya tetap contentnya, seperti buku yang tidak pernah berubah, itu merupakan ciri dari ...

a)

Dynamic Web

b)

Static Web

c)

Absolute Web

d)

Fixed Web

20.

Hai Rizal dan Nita! Kalian siap untuk tantangan coding? Contoh potongan kode berikut merupakan contoh dari kode program...

a)

PHP

b)

CSS

c)

HTML

d)

Javascript

21.

Wahyu dan Wawan sedang belajar HTML. Mereka menemukan berbagai struktur dalam bahasa HTML. Namun, Heri bertanya, "Apa sih yang bukan termasuk struktur dalam HTML?" Yuk, bantu mereka menjawab!

a)

body

b)

head

c)

html

d)

source

22.

Yuni dan Dedi sedang belajar HTML. Mereka ingin tahu, tag mana yang digunakan untuk mencetak teks tebal (bold)?

a)

<b>

b)

<br>

c)

<bold>

d)

<bd>

23.

Hai Adi dan Tiara! Kalian tahu kan, untuk membuat baris baru di HTML, kita punya perintah khusus. Yuk, coba tebak perintahnya!

a)

<br>

b)

<td>

c)

<break>

d)

<&nbsp>

24.

Hai Laila dan Joko! Siap-siap untuk tantangan HTML! Berikut ini yang bukan termasuk tag untuk membuat heading adalah...

a)

<h7>

b)

<h3>

c)

<h1>

d)

<h4>

25.

Hai Sari dan Rizky! Untuk mendefinisikan judul halaman web kita, tag apa yang harus kita gunakan? Ayo, pilih yang tepat!

a)

<body>

b)

<html>

c)

<tag>

d)

<title>

26.

Hai Sri, Rahman, dan Dewi! Yuk, kita bermain dengan elemen HTML! Atribut mana yang digunakan untuk mengatur panjang dan lebar suatu elemen?

a)

width dan value

b)

value dan height

c)

width and height

d)

width and margin

27.

Wawan dan Ina sedang belajar HTML. Mereka penasaran, karakter apa yang digunakan untuk menandai tag akhir? Yuk, bantu mereka!

a)

<

b)

>

c)

\

d)

/

28.

Dimas dan Sri sedang belajar tentang HTML dan mereka menemukan sebuah atribut yang sangat penting untuk gambar. Atribut ini memberikan teks alternatif pada gambar, sehingga jika gambar gagal ditampilkan, pengunjung website tetap bisa mengidentifikasi gambar tersebut. Atribut yang dimaksud adalah ......

a)

alt

b)

src

c)

img

d)

jpg

29.

Siti dan Dian sedang belajar HTML. Mereka ingin tahu, kode HTML yang tepat untuk menampilkan gambar adalah: ...

a)

<img src="langit.png" alt="Gambar_Langit">

b)

<insert img src="langit.png" alt="Gambar_Langit">

c)

<insert img src="langit.csv" alt="Gambar_Langit">

d)

<img src="langit.png" alt="Gambar_Langit">

30.

<img src="langit.png" align="middle"> Rahman dan Rina sedang belajar HTML. Mereka menemukan kode ini dan bertanya-tanya, apakah ini benar untuk menampilkan gambar langit di tengah halaman web?

a)

salah

b)

benar

31.

<a href="Tentang.html">About us</a>

Hey Angga! Kode ini adalah contoh untuk memasukkan link pada web page kita. Saat Ina dan Agung menjalankan file HTML ini di browser, tampilan yang mereka lihat adalah ......

a)

Unknown

b)

Tentang

c)

About us

d)

Tentang.html

32.

Hey Mega and Hadi! Apakah kalian tahu ada tag HTML yang tidak perlu penutup di akhir elemen? Yuk, kita uji pengetahuan kalian!

a)

benar

b)

salah

33.

Hai Lina, Rudi, dan Wahyu! Siap-siap untuk tantangan coding! Semua konten (isi) website yang akan kalian buat dikerjakan diantara tag berikut:

a)

<html> ...... </html>

b)

<title>....</title>

c)

<body>...</body>

34.

Wawan dan Sari sedang belajar tentang server. Mereka menemukan bahwa server yang dapat mengubah/mengarahkan website melalui sebuah nama, contohnya "facebook.com" adalah ....

a)

Web Server

b)

DNS Server

c)

HTTP Server

d)

Proxy Server

35.

Hey Dian, Eko, and Nita! Let's have some fun with a quick quiz. HTML itu singkatan dari .....

a)

Hyper Link Markup Leaguage

b)

Hyper Tool Markup Laguage

c)

Hyper Text Moockup Laguage

d)

Hyper Text Markup Laguage

36.

Hai, Dian dan Rahman! Siap-siap untuk tantangan HTML! Berikut ini tag untuk membuat heading pada HTML, kecuali ...

a)

<h4>

b)

<h3>

c)

<h7>

d)

<h5>

37.

Hai Adi dan Nisa! Siap-siap untuk tantangan! Yang merupakan contoh dari web server adalah ...

a)

Apache dan HTML

b)

HTML dan Xampp

c)

Apache dan IIS

d)

Lightpad dan PHP

e)

HTML dan PHP

38.

Hai Nisa dan Dewi! Kalian tahu tidak, jaringan-jaringan yang saling terkoneksi yang mencakup seluruh dunia itu disebut apa? Yuk, coba tebak!

a)

websitte

b)

www

c)

internet

d)

web

e)

sinyal

39.

Heri, Agus, dan Angga sedang belajar tentang teknologi aplikasi web. Mereka penasaran, apa sih nama unik yang digunakan untuk mengidentifikasi nama website di internet? Yuk, bantu mereka dengan memilih jawaban yang tepat!

a)

Domain

b)

Hosting

c)

ISP

d)

Web Server

e)

Web Browser

40.

Hai Eko dan Dedi! Kalian tahu tidak, software yang digunakan untuk menerima permintaan (request) berupa halaman web melalui protokol http/https dan mengirimkan kembali (respon) hasil permintaan tersebut dalam bentuk halaman web disebut...

a)

Domain

b)

Web Server

c)

Web Browsr

d)

DSN

e)

ISP

41.

Heri dan Maya sedang belajar HTML. Mereka bertanya-tanya, teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web teletak pada ....

a)

<head> ..............................</head>

b)

<title> ......................... </title>

c)

<body> ......................... </body >

d)

<html> ......................... </html >

e)

<judul> ......................... </judul >

42.

Hai Faisal dan Angga! Kalian sedang belajar HTML dan ingin mengubah latar belakang halaman website kalian dengan gambar yang keren. Di antara tag berikut ini, mana yang paling tepat untuk digunakan?

a)

<body background : ”gambar”>

b)

<body bgcolor : gambar>

c)

<body background = ”gambar.jpg”>

d)

<body background = gambar.jpg>

e)

<body backgroundcolor = ”gambar”>

43.

Hai Joko dan Ina! Mari kita berkreasi dengan HTML. Untuk menampilkan tulisan pada halaman web dengan ketentuan di bawah ini adalah....


Teks = “SMK Negeri 5 Kendal”

Ukuran huruf = 5

Warna huruf = Biru

Tipe huruf = Arial

a)

<font face=”Arial” size=”5” color=”blue” >SMK Negeri 5 Kendal</font>

b)

<font type=”Arial” size=”5” color=”blue” >SMK Negeri 5 Kendal</font>

c)

<font face=Arial size=5 color=blue >SMK Negeri 5 Kendal</font>

d)

<font face=”Arial” size=”5” color=”blue” >SMK Negeri 5 Kendal

e)

<face=”Arial” size=”5” color=”blue” >SMK Negeri 5 Kendal

44.

Hai Sri dan Nisa! Tag HTML yang digunakan untuk membuat judul "SMK N 5 KENDAL" seperti pada gambar berikut adalah....

a)

<h1>"SMK N 5 KENDAL"</h1>

b)

<paragraf>SMK N 5 KENDAL</paragraf>

c)

<b>SMK N 5 KENDAL<b>

d)

<p>SMK N 5 KENDAL</p>

e)

<h1>SMK N 5 KENDAL</h1>

45.

Hai Rudi! Tag HTML apa yang digunakan untuk membuat link seperti gambar di bawah ini? Ayo, pilih yang tepat!

a)

<a href="about.html">About us</a>

b)

<a href="about.html">silahkan buka:</a>

c)

<a link="about.html">About us</a>

d)

<a href="about.html">silahkan buka</href>

e)

<a link="about.html">About us</a>

46.

Rudi dan Ina sedang belajar tentang tabel HTML. Mereka penasaran, atribut tabel apa yang bisa mereka gunakan untuk mengatur ketebalan garis pada tabel? Ayo bantu mereka!

a)

Border

b)

Cellspacing

c)

Cellpadding

d)

Colspan

e)

Rowspan

47.

Hadi dan Rizky sedang belajar tentang Form input. Komponen input yang ditunjukkan gambar ini disebut...

a)

input text

b)

reset

c)

submit

d)

input radio

e)

checkbox

48.

Hai Faisal, Joko, dan Lina! Komponen form pada gambar di bawah ini disebut apa ya? Ayo tebak!

a)

input text

b)

input Radio

c)

Text Area

d)

Input Texbox

e)

submit

49.

Hai Rina dan Adi! Perhatikan penulian style css berikut:

#header { color: red; }

Dalam kode di atas, kata ”red” itu disebut ....

a)

sElektor ID

b)

Selektor

c)

Selektor class

d)

Property

e)

Value

50.

Hei Wawan! Dalam dunia PHP, penulisan variabel itu penting banget. Yuk, kita lihat mana yang benar! Penulisan variabel yang tepat dalam PHP adalah ...

a)

$SMKN 9

b)

$SMK_N_9

c)

$5SMKN

d)

$SMKN V

e)

SMK_N_9

51.

Tag HTML yang digunakan untuk membuat tautan (link) ke halaman lain adalah...

a)

<link>

b)

<a>

c)

<href>

d)

<url>

52.

Berikut ini adalah contoh dari bahasa pemrograman yang digunakan untuk pengembangan web, kecuali...

a)

Python

b)

HTML

c)

JavaScript

d)

C++

53.

Framework CSS yang populer untuk pengembangan web responsif adalah...

a)

React

b)

jQuery

c)

Angular

d)

Bootstrap

54.

Tag HTML yang digunakan untuk membuat daftar tidak terurut adalah...

a)

<list>

b)

<li>

c)

<ul>

d)

<ol>

55.

Untuk menambahkan komentar dalam HTML, kita menggunakan tag...

a)

<!-- komentar -->

b)

<comment>

c)

<!--- komentar --->

d)

<# komentar>