wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Pemrograman Web

Total questions: 40

Worksheet time: 20mins

Name
Class
Date
1.

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

2.

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

a)

websitte

b)

www

c)

internet

d)

web

e)

sinyal

3.

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

4.

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

5.

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 >

6.

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”>

7.

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

8.

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>

9.

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>

10.

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

a)

Border

b)

Cellspacing

c)

Cellpadding

d)

Colspan

e)

Rowspan

11.

Komponen input Form yang ditunjukkan gambar disebut...

a)

input text

b)

reset

c)

submit

d)

input radio

e)

checkbox

12.

Komponen form pada gambar dibawah disebut...

a)

input text

b)

input Radio

c)

Text Area

d)

Input Texbox

e)

submit

13.

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

14.

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

a)

phpMyAdmin

b)

xampp

c)

java

d)

Apache

e)

mySQL

15.

Penulisan variabel yang benar dalam php adalah ...

a)

$SMKN 5

b)

$SMK_N_5

c)

$5SMKN

d)

$SMKN V

e)

SMK_N_5

16.

Tag html yang digunakan untuk memasukkan gambar ke halaman web adalah ...

a)

<img href=’https://kelasprogrammer.com’ alt=’Kelas Programmer’>

b)

<img type=’kelasprogrammer.gif’>

c)

<image src=’kelasprogrammer.jpg’ alt=’Kelas Programmer’>

d)

<img src="kelasprogrammer.png" alt="Kelas Programmer">

e)

<img src:"kelasprogrammer.png" alt="Kelas Programmer">

17.

Scrip yang benar untuk menuliskan bahasa PHP adalah...

a)

<script>...</script>

b)

<?php>...</?>

c)

<&>...</&>

d)

<?php…?>

e)

<%> … <%

18.

Perintah untuk mendefenisikan variable di PHP adalah

a)

//

b)

/*

c)

$

d)

*

e)

&

19.

Yang merupakan bagian dari tag <form> dibawah ini adalah? Kecuali...

a)

<td>

b)

<input>

c)

<select>

d)

<textarea>

20.

Elemen HTML untuk memutar video adalah

a)

<video>

b)

<input type=’video’>

c)

<media>

d)

<canvas>

e)

<audio>

21.

Perintah untuk membuat text berjalan dalam HTML adalah...

a)

<br>

b)

<marq>

c)

<marquee>

d)

<&nbsp>

22.

Yang merupakan bagian dari tag <form> dibawah ini adalah? Kecuali...

a)

<td>

b)

<input>

c)

<select>

d)

<textarea>

23.

Untuk menerima masukan berupa pilihan pada <form> HTML adalah...

a)

Radio

b)

Submit

c)

Password

d)

Text

24.

Perintah untul koneksi PHP di database yang benar dibawah ini adalah...

a)

$conn = mysqli_connect($servername, $username, $password, $database);

b)

$conn = mysql_connect($servername, $username, $password, $database)

c)

$connect = mysqli_connect($servername, $username, $password, $database)

d)

$connect = mysq_connect($servername, $username, $password, $database);

25.

Gambar diatas merupakan tampilan dari...?

a)

Navbar

b)

Card

c)

Jumbotron

d)

Dropdown

26.

<div class="container">

<div class="row">

<div class="col-sm">

One

</div>

<div class="col-sm">

Two

</div>

<div class="col-sm">

Tree

</div>

</div>

</div>


Perintah diatas menjelaskan tentang pembuatan grid menjadi ..... bagian.

a)

1

b)

2

c)

3

d)

4

27.

Untuk memberi warna teks pada web diatur dengan mengubah nilai atribut ...

a)

Body

b)

Fontcolor

c)

Tittle

d)

Bgcolor

28.

Pilihlah <tag> mana yang digunakan untuk nomer list di HTML 5..?

a)

<ul>

b)

<tr>

c)

<br>

d)

<ol>

29.

Pilihlah 2 <tag> yang digunakan untuk membuat TABLE pada HTML 5..? Pilih 2.!

a)

<tfoot>

b)

<body>

c)

<tittle>

d)

<td>

e)

<br>

30.

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

31.

Pilih 3 jawaban yang termasuk kedalam Variable Super Global!

a)

$GET

b)

$CONNECTION

c)

$POST

d)

$SERVER

e)

$INT

32.

Pilihlah 3 class dalam Grid pada jawaban dibawah ini...!

a)

.container

b)

.card

c)

.row

d)

.col

e)

.align

33.

Komponen yang membentuk dokumen HTML, Kecuali...

a)

<html>

b)

<head>

c)

<table>

d)

<body>

34.

Perintah Unordered List agar dapat menampilkan list bulat adalah...

a)

Circle

b)

Disc

c)

Clyndrical

d)

Donuts

35.

Memanjangkan kolom menjadi 3, menggunakan perintah...

a)

<table border ="3">

b)

<column="3">

c)

<colspan="3">

d)

<rowspan="3">

36.

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

a)

Mengubah Gambar

b)

Mengatur Gambar

c)

Menghapus Gambar

d)

Menampilkan Gambar

37.

Manakah yang merupakan deklarasi standar tipe dokumen HTML5?

a)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.example.com/TR/xhtml11/DTD/xhtml11.dtd">

b)

<!DOCTYPE PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.example.com/TR/xhtml11/DTD/xhtml11.dtd">

c)

<!doctype head>

d)

<!doctype html>

38.

Apa singkatan dari PHP..?

a)

Hypertext Program Prepocessor

b)

Hypertext Prepocessor

c)

Hypertext Markup Language

d)

Program Hypertext Prepocessor

39.

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

a)

Editor

b)

Program Validasi

c)

Engine Browser

d)

Desain Program

40.

Pada bagian apa tag <link> CSS Eksternal digunakan..?

a)

Doctype Declaration

b)

<head>

c)

<body>

d)

Semua Jawaban Salah