Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Pemrograman Web

Total questions: 50

Worksheet time: 25mins

Name
Class
Date
1.

Dalam Framework Bootstrap 4.0 untuk pemberian warna abu-abu pada text menggunakan...

a)

.text-primary

b)

.text-secondary

c)

.text-success

d)

.text-warning

2.

Dalam Framework Bootstrap 4.0 untuk pemberian warna abu-abu pada text menggunakan...

a)

.text-primary

b)

.text-secondary

c)

.text-success

d)

.text-warning

3.

Tag <img src=" .... .jpg"> digunakan untuk ...

a)

Mengubah Gambar

b)

Mengatur Gambar

c)

Menghapus Gambar

d)

Menampilkan Gambar

4.

Notepad++, sublime text 3 and Microsoft Visual Studio adalah contoh aplikasi...

a)

Teks Editor

b)

Program Validasi

c)

Engine Browser

d)

Desain Program

5.

Perintah untuk mendefenisikan variable di PHP adalah

a)

//

b)

/*

c)

$

d)

*

6.

Perintah untuk mencetak Tulisan di PHP menggunakan sintaks

a)

cetak

b)

echo

c)

println

d)

mysqli_connect

7.

Perintah untuk menjadikan komentar pada PHP adalah

a)

//

b)

#

c)

'

d)

$

8.

Berikut ini tag untuk membuat heading pada HTML, kecuali ...

a)

<h4>

b)

<h3>

c)

<h7>

d)

<h5>

9.

Untuk membuat paragraph pada halaman web gunakan tag:

a)

<p>….</p>.

b)

<paragrafph….</paragraph>.

c)

<prg>….</prg>.

d)

<pra>….</pra>.

e)

<align>….</align>.

10.

Jaringan-jaringan yang saling terkoneksi yang mencakup seluruh dunia disebut...

a)

websitte

b)

www

c)

internet

d)

web

e)

sinyal

11.

Aplikasi yang dibutuhkan untuk membuat web berbasis server, kecuali...

a)

phpMyAdmin

b)

xampp

c)

java

d)

Apache

e)

mySQL

12.

Scrip yang benar untuk menuliskan bahasa PHP adalah...

a)

<script>...</script>

b)

<?php>...</?>

c)

<&>...</&>

d)

<?php…?>

e)

<%> … <%

13.

berikut merupakan jenis text editor untuk mengembangkan website, kecuali....

a)

Sublime Text

b)

Notepad++

c)

Visual Studio Code

d)

Android Studio

14.

Orang yang berurusan dengan tampilan dari sebuah website

a)

web desainer

b)

web programmer

c)

web administrator

d)

web developer

15.

Orang yang bertugas dalam melakukan coding sebuah website

a)

web desainer

b)

web programmer

c)

web administrator

d)

web developer

16.

Orang yang menciptakan aplikasi berbasis web dengan mengunakan bahasa pemrograman

a)

web administrator

b)

web desainer

c)

web programmer

d)

web developer

17.

Dibawah ini adalah contoh web browser,kecuali...  

a)

Internet Explorer

b)

Opera

c)

Notepad

d)

Google Chrome

18.

Web yang sifatnya tetap contentnya. Web ini merupakan ciri dari ...

a)

Dynamic Web

b)

Static Web

c)

Absolute Web

d)

Fixed Web

19.

Contoh potongan code berikut merupakan contoh dari kode program...

a)

PHP

b)

CSS

c)

HTML

d)

Javascript

20.

Berikut ini bukan merupakan struktur dalam bahasa HTML

a)

body

b)

head

c)

html

d)

source

21.

Tag dalam html untuk mencetak tebal (bold) yaitu

a)

<b>

b)

<br>

c)

<bold>

d)

<bd>

22.

Berikut ini perintah untuk membuat baris baru pada HTML adalah...

a)

<br>

b)

<td>

c)

<break>

d)

<&nbsp>

23.

Berikut ini yang bukan termasuk tag untuk membuat heading adalah...

a)

<h7>

b)

<h3>

c)

<h1>

d)

<h4>

24.

Untuk mendefinisikan judul kita perlu menggunakan tag...

a)

<body>

b)

<html>

c)

<tag>

d)

<title>

25.

Berikut ini atribut yang digunakan untuk mengatur panjang dan lebar suatu elemen adalah...

a)

width dan value

b)

value dan height

c)

width and height

d)

width and margin

26.

Berikut ini karakter yang digunakan untuk tag akhir adalah...

a)

<

b)

>

c)

\

d)

/

27.

Atribut ini berfungsi untuk memberikan teks alternatif pada gambar. Jadi, jika karena sebab tertentu gambar gagal ditampilkan, teks alternatif akan muncul sehingga pengunjung website tetap bisa mengidentifikasi gambar. Atribut tersebut adalah ......

a)

alt

b)

src

c)

img

d)

jpg

28.

Kode html 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">

29.

<img src="langit.png" align="middle"> ini adalah contoh kode html untuk menampilkan gambar langit di sisi tengah web page

a)

salah

b)

benar

30.

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

kode ini adalah contoh untuk memasukkan link pada web page kita. Tampilan yg tampak pada web browser saat file html dijalankan pada browser adalah ......

a)

Unknown

b)

Tentang

c)

About us

d)

Tentang.html

31.

ada tag html yang tidak perlu penutup di akhir elemen

a)

benar

b)

salah

32.

Semua konten (isi) website yang akan dibuat dikerjakan diantara tag berikut

a)

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

b)

<title>....</title>

c)

<body>...</body>

33.

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

34.

HTML merupakan singkatan dari .....

a)

Hyper Link Markup Leaguage

b)

Hyper Tool Markup Laguage

c)

Hyper Text Moockup Laguage

d)

Hyper Text Markup Laguage

35.

Berikut ini tag untuk membuat heading pada HTML, kecuali ...

a)

<h4>

b)

<h3>

c)

<h7>

d)

<h5>

36.

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

37.

Jaringan-jaringan yang saling terkoneksi yang mencakup seluruh dunia disebut...

a)

websitte

b)

www

c)

internet

d)

web

e)

sinyal

38.

Pada teknologi aplikasi web, nama unik yang digunakan untuk mengidentifikasi nama website di internet disebut...

a)

Domain

b)

Hosting

c)

ISP

d)

Web Server

e)

Web Browser

39.

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

40.

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 >

41.

Jika ingin mengubah latar belakang pada halaman website dengan sebuah gambar menggunakan tag HTML, diantara tag berikut ini yang paling tepat adalah...

a)

<body background : ”gambar”>

b)

<body bgcolor : gambar>

c)

<body background = ”gambar.jpg”>

d)

<body background = gambar.jpg>

e)

<body backgroundcolor = ”gambar”>

42.

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

43.

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>

44.

Tag html yang digunakan untuk membuat link seperti gambar adalah...

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>

45.

Atribut tabel yang berfungsi untuk mengatur ketebalan garis pada tabel adalah...

a)

Border

b)

Cellspacing

c)

Cellpadding

d)

Colspan

e)

Rowspan

46.

Komponen input Form yang ditunjukkan gambar disebut...

a)

input text

b)

reset

c)

submit

d)

input radio

e)

checkbox

47.

Komponen form pada gambar dibawah disebut...

a)

input text

b)

input Radio

c)

Text Area

d)

Input Texbox

e)

submit

48.

Perhatikan penulian style css berikut:

#header { color: red; }

”red” pada kode di atas disebut ....

a)

sElektor ID

b)

Selektor

c)

Selektor class

d)

Property

e)

Value

49.

Aplikasi yang dibutuhkan untuk membuat web berbasis server, kecuali...

a)

phpMyAdmin

b)

xampp

c)

java

d)

Apache

e)

mySQL

50.

Penulisan variabel yang benar dalam php adalah ...

a)

$SMKN 5

b)

$SMK_N_5

c)

$5SMKN

d)

$SMKN V

e)

SMK_N_5