NEW
Font size
WorksheetsPAS PWPB RPL 12
Total questions: 55
Worksheet time: 1hrs 23mins
Hey Arif, Joko, and Siti! Apa sih yang kalian ketahui tentang framework JavaScript? Yuk, kita cari tahu bersama!
Sebuah metode untuk menghasilkan desain grafis menggunakan JavaScript
Sebuah perangkat keras untuk pengembangan web
Kumpulan teknologi dan aturan untuk mempermudah pengembangan aplikasi web menggunakan JavaScript.
Sebuah bahasa pemrograman untuk membuat aplikasi web
Hey Dedi, Eko, and Susi! Apa sih sebenarnya Node.js dalam dunia pemrograman web yang seru ini?
Node.js adalah lingkungan runtime JavaScript yang dibangun di atas mesin JavaScript V8 Chrome.
Node.js adalah platform untuk membuat aplikasi mobile.
Node.js adalah software untuk desain grafis dalam pemrograman web.
Node.js adalah bahasa pemrograman baru yang dikembangkan oleh Google.
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?
.text-primary
.text-secondary
.text-success
.text-warning
Tag <img src=" .... .jpg"> digunakan oleh Titi dan Agus untuk ...
Mengubah Gambar
Mengatur Gambar
Menghapus Gambar
Menampilkan Gambar
Hai Siti dan Rizky! Notepad++, Sublime Text 3, dan Microsoft Visual Studio adalah contoh aplikasi...
Teks Editor
Program Validasi
Engine Browser
Desain Program
Hey Rahman! Can you help Ina figure out the secret code to define a variable in PHP? What do you think it is?
//
/*
$
*
Hai Titi dan Dewi! Siap untuk tantangan PHP? Apa perintah yang tepat untuk mencetak tulisan di PHP? Ayo, pilih jawaban yang benar!
cetak
echo
println
mysqli_connect
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?
//
#
'
$
Hai Sari dan Rizal! Siap-siap untuk tantangan HTML! Berikut ini tag untuk membuat heading pada HTML, kecuali ...
<h4>
<h3>
<h7>
<h5>
Halo Angga dan Agung! Siap-siap untuk tantangan HTML! Untuk membuat paragraph pada halaman web, tag apa yang harus kalian gunakan?
<p>….</p>.
<paragrafph….</paragraph>.
<prg>….</prg>.
<pra>….</pra>.
<align>….</align>.
Hai Mega, Dian, dan Lina! Jaringan-jaringan yang saling terkoneksi yang mencakup seluruh dunia disebut...
websitte
www
internet
web
sinyal
Hai Rudi! Ayo kita uji pengetahuanmu tentang aplikasi yang dibutuhkan untuk membuat web berbasis server. Mana yang bukan termasuk dalam daftar aplikasi tersebut?
phpMyAdmin
xampp
java
Apache
mySQL
Hai Rina dan Indah! Siap-siap untuk tantangan coding! Scrip yang benar untuk menuliskan bahasa PHP adalah...
<script>...</script>
<?php>...</?>
<&>...</&>
<?php…?>
<%> … <%
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....
Sublime Text
Notepad++
Visual Studio Code
Android Studio
Rizal dan Maya sedang berdiskusi tentang siapa yang bertanggung jawab atas tampilan menarik dari sebuah website. Siapa yang mereka maksud?
web desainer
web programmer
web administrator
web developer
Siapa yang bertugas untuk melakukan coding sebuah website? Apakah Agung, Dewi, atau Rani yang akan menjadi web programmer kita?
web desainer
web programmer
web administrator
web developer
Siapa yang akan menciptakan aplikasi berbasis web yang keren? Apakah Yuni, Rina, atau Maya yang akan menggunakan bahasa pemrograman untuk menjadi pahlawan digital?
web administrator
web desainer
web programmer
web developer
Hai Adi dan Rudi! Siap-siap untuk tantangan seru! Dibawah ini adalah contoh web browser, kecuali...
Internet Explorer
Opera
Notepad
Google Chrome
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 ...
Dynamic Web
Static Web
Absolute Web
Fixed Web
Hai Rizal dan Nita! Kalian siap untuk tantangan coding? Contoh potongan kode berikut merupakan contoh dari kode program...
PHP
CSS
HTML
Javascript
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!
body
head
html
source
Yuni dan Dedi sedang belajar HTML. Mereka ingin tahu, tag mana yang digunakan untuk mencetak teks tebal (bold)?
<b>
<br>
<bold>
<bd>
Hai Adi dan Tiara! Kalian tahu kan, untuk membuat baris baru di HTML, kita punya perintah khusus. Yuk, coba tebak perintahnya!
<br>
<td>
<break>
< >
Hai Laila dan Joko! Siap-siap untuk tantangan HTML! Berikut ini yang bukan termasuk tag untuk membuat heading adalah...
<h7>
<h3>
<h1>
<h4>
Hai Sari dan Rizky! Untuk mendefinisikan judul halaman web kita, tag apa yang harus kita gunakan? Ayo, pilih yang tepat!
<body>
<html>
<tag>
<title>
Hai Sri, Rahman, dan Dewi! Yuk, kita bermain dengan elemen HTML! Atribut mana yang digunakan untuk mengatur panjang dan lebar suatu elemen?
width dan value
value dan height
width and height
width and margin
Wawan dan Ina sedang belajar HTML. Mereka penasaran, karakter apa yang digunakan untuk menandai tag akhir? Yuk, bantu mereka!
<
>
\
/
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 ......
alt
src
img
jpg
Siti dan Dian sedang belajar HTML. Mereka ingin tahu, kode HTML yang tepat untuk menampilkan gambar adalah: ...
<img src="langit.png" alt="Gambar_Langit">
<insert img src="langit.png" alt="Gambar_Langit">
<insert img src="langit.csv" alt="Gambar_Langit">
<img src="langit.png" alt="Gambar_Langit">
<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?
salah
benar
<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 ......
Unknown
Tentang
About us
Tentang.html
Hey Mega and Hadi! Apakah kalian tahu ada tag HTML yang tidak perlu penutup di akhir elemen? Yuk, kita uji pengetahuan kalian!
benar
salah
Hai Lina, Rudi, dan Wahyu! Siap-siap untuk tantangan coding! Semua konten (isi) website yang akan kalian buat dikerjakan diantara tag berikut:
<html> ...... </html>
<title>....</title>
<body>...</body>
Wawan dan Sari sedang belajar tentang server. Mereka menemukan bahwa server yang dapat mengubah/mengarahkan website melalui sebuah nama, contohnya "facebook.com" adalah ....
Web Server
DNS Server
HTTP Server
Proxy Server
Hey Dian, Eko, and Nita! Let's have some fun with a quick quiz. HTML itu singkatan dari .....
Hyper Link Markup Leaguage
Hyper Tool Markup Laguage
Hyper Text Moockup Laguage
Hyper Text Markup Laguage
Hai, Dian dan Rahman! Siap-siap untuk tantangan HTML! Berikut ini tag untuk membuat heading pada HTML, kecuali ...
<h4>
<h3>
<h7>
<h5>
Hai Adi dan Nisa! Siap-siap untuk tantangan! Yang merupakan contoh dari web server adalah ...
Apache dan HTML
HTML dan Xampp
Apache dan IIS
Lightpad dan PHP
HTML dan PHP
Hai Nisa dan Dewi! Kalian tahu tidak, jaringan-jaringan yang saling terkoneksi yang mencakup seluruh dunia itu disebut apa? Yuk, coba tebak!
websitte
www
internet
web
sinyal
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!
Domain
Hosting
ISP
Web Server
Web Browser
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...
Domain
Web Server
Web Browsr
DSN
ISP
Heri dan Maya sedang belajar HTML. Mereka bertanya-tanya, teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web teletak pada ....
<head> ..............................</head>
<title> ......................... </title>
<body> ......................... </body >
<html> ......................... </html >
<judul> ......................... </judul >
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?
<body background : ”gambar”>
<body bgcolor : gambar>
<body background = ”gambar.jpg”>
<body background = gambar.jpg>
<body backgroundcolor = ”gambar”>
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
<font face=”Arial” size=”5” color=”blue” >SMK Negeri 5 Kendal</font>
<font type=”Arial” size=”5” color=”blue” >SMK Negeri 5 Kendal</font>
<font face=Arial size=5 color=blue >SMK Negeri 5 Kendal</font>
<font face=”Arial” size=”5” color=”blue” >SMK Negeri 5 Kendal
<face=”Arial” size=”5” color=”blue” >SMK Negeri 5 Kendal
Hai Sri dan Nisa! Tag HTML yang digunakan untuk membuat judul "SMK N 5 KENDAL" seperti pada gambar berikut adalah....
<h1>"SMK N 5 KENDAL"</h1>
<paragraf>SMK N 5 KENDAL</paragraf>
<b>SMK N 5 KENDAL<b>
<p>SMK N 5 KENDAL</p>
<h1>SMK N 5 KENDAL</h1>
Hai Rudi! Tag HTML apa yang digunakan untuk membuat link seperti gambar di bawah ini? Ayo, pilih yang tepat!
<a href="about.html">About us</a>
<a href="about.html">silahkan buka:</a>
<a link="about.html">About us</a>
<a href="about.html">silahkan buka</href>
<a link="about.html">About us</a>
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!
Border
Cellspacing
Cellpadding
Colspan
Rowspan
Hadi dan Rizky sedang belajar tentang Form input. Komponen input yang ditunjukkan gambar ini disebut...
input text
reset
submit
input radio
checkbox
Hai Faisal, Joko, dan Lina! Komponen form pada gambar di bawah ini disebut apa ya? Ayo tebak!
input text
input Radio
Text Area
Input Texbox
submit
Hai Rina dan Adi! Perhatikan penulian style css berikut:
#header { color: red; }
Dalam kode di atas, kata ”red” itu disebut ....
sElektor ID
Selektor
Selektor class
Property
Value
Hei Wawan! Dalam dunia PHP, penulisan variabel itu penting banget. Yuk, kita lihat mana yang benar! Penulisan variabel yang tepat dalam PHP adalah ...
$SMKN 9
$SMK_N_9
$5SMKN
$SMKN V
SMK_N_9
Tag HTML yang digunakan untuk membuat tautan (link) ke halaman lain adalah...
<link>
<a>
<href>
<url>
Berikut ini adalah contoh dari bahasa pemrograman yang digunakan untuk pengembangan web, kecuali...
Python
HTML
JavaScript
C++
Framework CSS yang populer untuk pengembangan web responsif adalah...
React
jQuery
Angular
Bootstrap
Tag HTML yang digunakan untuk membuat daftar tidak terurut adalah...
<list>
<li>
<ul>
<ol>
Untuk menambahkan komentar dalam HTML, kita menggunakan tag...
<!-- komentar -->
<comment>
<!--- komentar --->
<# komentar>
