Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

PB & PW

Total questions: 80

Worksheet time: 43mins

Name
Class
Date
1.

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

a)

Mengubah Gambar

b)

Mengatur Gambar

c)

Menghapus Gambar

d)

Menampilkan Gambar

2.

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

a)

Teks Editor

b)

Program Validasi

c)

Engine Browser

d)

Desain Program

3.

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

a)

<h4>

b)

<h3>

c)

<h7>

d)

<h5>

4.

Untuk membuat paragraph pada halaman web gunakan tag:

a)

<p>….</p>.

b)

<paragrafph….</paragraph>.

c)

<prg>….</prg>.

d)

<pra>….</pra>.

e)

<align>….</align>.

5.

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

a)

websitte

b)

www

c)

internet

d)

web

e)

sinyal

6.

Orang yang berurusan dengan tampilan dari sebuah website

a)

web desainer

b)

web programmer

c)

web administrator

d)

web developer

7.

Orang yang bertugas dalam melakukan coding sebuah website

a)

web desainer

b)

web programmer

c)

web administrator

d)

web developer

8.

Dibawah ini adalah contoh web browser,kecuali...  

a)

Internet Explorer

b)

Opera

c)

Notepad

d)

Google Chrome

9.

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

a)

PHP

b)

CSS

c)

HTML

d)

Javascript

10.

Tag dalam html untuk mencetak tebal (bold) yaitu

a)

<b>

b)

<br>

c)

<bold>

d)

<bd>

11.

Jika kita ingin memberi warna teks pada web dapat diatur dengan mengubah nilai atribut ….

a)

Body

b)

Title

c)

Bgcolor

d)

Color

e)

Font color

12.

Untuk memberi gambar pada latar  belakang web diatur dengan mengubah nilai atribut …

a)

Body background

b)

Body

c)

Bgcolor

d)

Fontcolor

e)

color

13.

Suatu objek yang dapat berupa teks atau gambar yang dipakai dalam dokumen web untuk melompat dari satu dokumen ke dokumen atau tempat lain pada dokumen yang sama adalah:

a)

Frame

b)

Submit

c)

Radio

d)

Link

e)

Form

14.

Atribut NAME digunakan sebagai ....

a)

Menamai kotak

b)

Menandai teks

c)

Menentukan panjang maksimum teks

d)

Mengatur ukuran

e)

Memasukan teks

15.

Type yang berfungsi untuk menerima masukan berupa teks dari pengguna adalah

a)

Checkbox

b)

Submit

c)

File

d)

Text

e)

Button

16.

Sintak yang digunakan untuk menerima masukan berupa pilihan adalah ...

a)

Submit

b)

Reset

c)

Radio

d)

Text

e)

Button

17.

#**# merupakan karakter yang terdapat pada type data...

a)

text

b)

button

c)

password

d)

radio

e)

email

18.

Untuk menerima masukan berupa pilihan yang dapat dipilih lebih dari satu yaitu  

a)

Text

b)

Select

c)

Password

d)

Radio

e)

Checkbox

19.

Untuk memasukkan perintah masukkan berupa gambar yang dapat diklik dan fungsinya hampir sama dengan Submit adalah ...

a)

Hidden

b)

File

c)

Image

d)

Reset

e)

Submit

20.

Perintah yang dapat menggabungkan beberapa kolom menjadi satu adalah ...

a)

BR

b)

Colspan

c)

Rowspan

d)

Textarea

e)

Tidak ada jawaban yang benar

21.

Berikut ini yang tidak dapat digunakan untuk mengatur latar belakang (background) adalah ...

a)

background-color

b)

background-image

c)

background-repeat

d)

background-font

e)

background-position

22.

Penulisan &copy dalam HTML yang benar adalah...

a)

@

b)

©

c)

®

d)

%

e)

Spasi

23.

Perintah yang tidak di pakai untuk membuat tabel adalah

a)

<table>

b)

<td>

c)

<hr>

d)

<tr>

e)

<th>

24.

WWW merupakan singkatan dari

a)

World Wide Web

b)

Word Wide Web

c)

Web World Wide

d)

Wide Word Web

e)

Web Wide World

25.

kepanjangan dari HTML adalah

a)

HyperText Markup Language

b)

HyperText Maksimize Language

c)

HyperText Multi Language

d)

HipnoText Multi Language

e)

Hyper Text Multi Language

26.

Dibawah ini yang merupakan tag pembuka dalam html adalah...

a)

<html>

b)

<p>

c)

<h1>

d)

<head>

e)

<br>

27.

Tandai semua tag html yang benar!

a)

<h1>

b)

<kotak>

c)

<spasi>

d)

<p>

e)

<div>

28.

Yang manakah komen dalam html?

a)

/* Ini comment */

b)

// Ini comment

c)

<-- Ini comment -->

d)

<!-- Ini comment -->

29.
a)

A

b)

B

c)

C

d)

D

e)

E

30.
a)

A

b)

B

c)

C

d)

D

e)

E

31.

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

32.

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

a)

websitte

b)

www

c)

internet

d)

web

e)

sinyal

33.

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

34.

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

35.

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 >

36.

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

37.

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

38.

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>

39.

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>

40.

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

a)

Border

b)

Cellspacing

c)

Cellpadding

d)

Colspan

e)

Rowspan

41.

Komponen input Form yang ditunjukkan gambar disebut...

a)

input text

b)

reset

c)

submit

d)

input radio

e)

checkbox

42.

Komponen form pada gambar dibawah disebut...

a)

input text

b)

input Radio

c)

Text Area

d)

Input Texbox

e)

submit

43.

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

44.

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

a)

phpMyAdmin

b)

xampp

c)

java

d)

Apache

e)

mySQL

45.

Penulisan variabel yang benar dalam php adalah ...

a)

$SMKN 5

b)

$SMK_N_5

c)

$5SMKN

d)

$SMKN V

e)

SMK_N_5

46.

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

47.

Scrip yang benar untuk menuliskan bahasa PHP adalah...

a)

<script>...</script>

b)

<?php>...</?>

c)

<&>...</&>

d)

<?php…?>

e)

<%> … <%

48.

Perintah untuk mendefenisikan variable di PHP adalah

a)

//

b)

/*

c)

$

d)

*

e)

&

49.

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

a)

<td>

b)

<input>

c)

<select>

d)

<textarea>

50.

Elemen HTML untuk memutar video adalah

a)

<video>

b)

<input type=’video’>

c)

<media>

d)

<canvas>

e)

<audio>

51.

Berikut ini tag untuk membuat heading (judul), kecuali

a)

<h4>

b)

<h5>

c)

<h6>

d)

<h7>

e)

<h3>

52.

Untuk membuat baris baru menggunakan tag

a)

<br>

b)

<newline>

c)

<break>

d)

<break>

e)

<td>

53.

Tag untuk membuat garis datar (horizontal)

a)

<br>

b)

<newline>

c)

<break>

d)

<hr>

e)

<td>

54.

Script yang benar untuk menambah warna latar belakang

a)

<body = bacground:green>

b)

<body style = background-color : green>

c)

<background>green</background>

d)

<body>green</background>

e)

<background>green</body>

55.

Cara membuat daftar bernomor adalah dengan menggunakan …

a)

tag <ol> dan <li>

b)

tag <ul> dan <li>

c)

tag <ol> dan <ul>

d)

tag <ol> dan <hr>

56.

Penempatan tag judul halaman yang tepat pada dokumen html adalah …

a)

di antara tag head

b)

sesudah body, sebelum head

c)

di antara tag body

d)

sebelum body, sesudah head

57.

Perbedaan tampilan text yang diformat dengan tag <h1> dan <h6> adalah …

a)

tag <h1> menampilkan teks lebih besar dari <h6>.

b)

tag <h1> menampilkan teks lebih kecil dari <h6>.

c)

tag <h6> menampilkan teks berukuran sama dengan <h1>.

d)

tag <h6> menampilkan teks lebih besar dari <h1>.

58.

Perhatikan kode html beikut ini:


<ul>

<li>Satu</li>

<li>Dua</li>

<li>Tiga</li>

</ul>


Hasil dari kode html di atas adalah …

a)
b)
c)
d)
59.

Tag dasar yang digunakan untuk mendefinisikan bagian-bagian halaman adalah …

a)

head, body, div

b)

html, head, body

c)

body, img, table

d)

div, html, head

60.

Tag yang digunakan untuk mengetikkan teks sebagai sebuah paragraf adalah …

a)

<p>

b)

<h1>

c)

<title>

d)

<u>

61.

Tag yang menjadi penanda sebuah berkas HTML adalah …

a)

<html>

b)

<head>

c)

<h1>

d)

<body>

62.

Urutan langkah yang benar untuk menyimpan dokumen HTML melalui aplikasi Notepad adalah …

a)

ketik nama dengan tambahan .htm lalu ubah tipe ke All files dan klik Save.

b)

pilih folder tempat penyimpanan, ketik nama file dengan tambahan .htm langsung klik Save.

c)

ketik nama dengan tambahan .htm lalu ubah tipe ke Text files dan klik Save.

d)

pilih folder tempat penyimpanan, ketik nama file dengan tambahan .htm lalu buah tipe ke Text files dan langsung klik Save.

63.

Urutan penggunaan tag yang sesuai struktur dalam sebuah halaman web adalah …

a)

<html> - <head> - <body> - <p>

b)

<body> - <p> - <html> - <head>

c)

<html> - <p> - <head> - <body>

d)

<head> - <body> - <p> - <html>

64.

Pasangan hasil yang sesuai untuk pemformatan dengan tag <u> dan <i> secara berurutan adalah …

a)

satu dan dua

b)

satu dan dua

c)

satu dan dua

d)

satu dan dua

65.

Tag HTML dimulai dengan code apa?

a)

<html>

b)

<body>

c)

<head>

d)

<footer>

66.

Paragraph merupakan salah satu elemen dari HTML bagaimana cara penulisannya?

a)

<b>

b)

<h1>

c)

<p>

d)

<a>

67.

Bagaimana cara menuliskan Heading Text?

a)

<h>Teks</h>

b)

<heading>Text</heading>

c)

<h7>text</h7>

d)

<h1>text</h1>

68.

Manakah penulisan option pada select box yang benar?

a)

<option valude="1">Dosen</option>

b)

<option name="1">Dosen</option>

c)

<option val="Dosen">Dosen</option>

d)

<option value="1">Dosen</option>

69.

Bagaimanakan penulisan input value untuk form mengambil file pada komputer?

a)

<input type="text" name="file">

b)

<input type="file" name="file">

c)

<input type="number" name="file">

d)

<input type="email" name="file>

70.

Dimanahah biasanya metoe POST dan GET di gunakan dalam HTML?

a)

Tabel

b)

Option

c)

Radio

d)

Form

71.

Fitur HTTP yang digunakan untuk menyimpan data salah satunya adalah?

a)

GET

b)

PUT

c)

POST

d)

DELETE

72.

Ketika kita hendak membuat pilihan jenis kelamin dalam form maka digunakan?

a)

Checkbox

b)

Input

c)

Radio

d)

Select Box

73.

Ketika memilih pilihan lebih dari satu maka dapat dipilih elemen?

a)

Radio

b)

Checkbox

c)

Select Box

d)

Input

74.

Elemen apa yang digunakan untuk menurunkan sebuah paragraph?

a)

Bold <b>

b)

Continue <c>

c)

Break <br>

d)

Part <pr>

75.

Bagaimanakah elemen table heading ditulis?

a)

<table>

b)

<tr>

c)

<th>

d)

<td>

76.

Pengakhiran tag <table> yang benar yaitu

a)

<table/>

b)

<table>/

c)

</table>

d)

</tabel>

77.

Bagaimanakan membuat button submit pada form?

a)

<input type="button">

b)

<input type="submited">

c)

<input type="submits">

d)

<input type="submit">

78.

Apa kepanjangan dari HTML

a)

Hyper text management language

b)

Hyper text markup language

c)

High text markup language

d)

High text management language

79.

Script berikut ini untuk membuat , <p>text</p>

a)

Penomoran

b)

predikat

c)

paragraf

d)

Judul

80.

<p style=”color:#ff471a;”>The flower is red </p>

Script diatas untuk memberikan ….

a)

Ukuran pada paragraf

b)

Warna pada gambar

c)

Jenis huruf pada teks

d)

Warna pada paragraph