wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Latihan UKK

Total questions: 100

Worksheet time: 55mins

Name
Class
Date
1.

Dalam atribut style properti yang digunakan untuk menentukan jenis huruf adalah

a)

font-size

b)

font-family

c)

text-align

d)

background-color

2.

Dalam tag <form>terdapat dua jenis method yaitu?

a)

GET dan HTTP

b)

GET dan POST

c)

POST dan SELF

d)

HTTP dan SELF

3.

HTML merupakan bahasa markup yang pemrosesannya berada di sisi?

a)

client side

b)

server side

c)

local side

d)

external side

4.

Didalam penggunaan tabel terdapat atribut colspan yang berfungsi untuk

a)

menggabungkan beberapa sel baris

b)

menggabungkan beberapa sel kolom

c)

memisahkan beberapa sel baris

d)

memisahkan beberapa sel kolom

5.

Sintak yang benar untuk memasukan gambar adalah

a)

<img href=’https://lspkomputer.id’ alt=’LSP Komputer’>

b)

<img src=’lspkomputer.png’ alt=’LSP Komputer>

c)

<image src=’lspkomputer.jpg’ alt=’LSP Komputer’>

d)

<img type=’lspkomputer.gif’>

6.

Format penilisan sintaks CSS yang benar adalah...

a)

Selector {Property: value;}

b)

Property {Selector: value;}

c)

Value {Property: selector;}

d)

Selector {value: property;}

7.

Fungsi sebuah tag <a href="https://www.lspkomputer.id">LSP Komputer</a> adalah...

a)

Untuk memberikan teks lspkomputer.id pada halaman web

b)

Untuk memberikan tulisan pada lspkomputer.id

c)

Untuk memberikan tombol/link menuju ke halaman https://www.lspkomputer.id

d)

Untuk memberikan penomoran pada tulisan LSP Komputer Network

8.

Perhatikan struktur berikut...

a)

Membuat background

b)

Memberi efek suara

c)

Membuat listing

d)

Membuat table

9.

Untuk membuat tabel biasanya menggunakan tag...

a)

<table>

b)

<html>

c)

<head>

d)

<small>

10.

Yang dimaksud dengan halaman Web adalah...

a)

a. Halaman elektronik yang dibuka dengan web browser

b)

b. Halaman online yang bisa didownload

c)

c. Halaman digital yang dibuka dengan web browser

d)

d. Halaman digital yang berisi berbagai jenis data dan gambar

11.

Perhatikan kode berikut:

a)

a. 1 2 3 4 5 6 7 8 9 10

b)

b. 1 2 3 4 5 6 7 8 9

c)

c. Tidak menampilkan output karena kondisi tidak terpenuhi

d)

d. Mengalami error syntax

12.

Berikut ini 3 jenis array di PHP, kecuali

a)

a. Array Indeks

b)

b. Array Assosiatif

c)

c. Array multidimensi

d)

d. Array Campuran

13.

Perhatikan kode berikut:

a)

Dina

b)

Aldi

c)

Okta

d)

Bayu

14.

Sintak untuk mencetak output ‘Hello World’ di PHP?

a)

a. cout<<“Hello World”;

b)

b. System.out.print(“Hello World”);

c)

c. document.write (“Hello World”)

d)

d. echo “Hello World”;

15.

Berikut ini contoh operator aritmatika, kecuali

a)

+

b)

%

c)

>=

d)

/

16.

Untuk memberi warna teks web diatur dengan mengubah nilai atribut

a)

Body

b)

Title

c)

Bgcolor

d)

Fontcolor

17.

Tipe data integer di PHP digunakan untuk data?

a)

Bilangan bulat

b)

Bilangan pecahan

c)

Boolean

d)

NULL

18.

Perhatikan kode berikut ini

a)

1

b)

2

c)

3

d)

4

19.

Untuk membuat komentar di PHP menggunakan tanda?

a)

//

b)

/*

c)

%

d)

$

20.

Kode PHP diawali dan di akhiri dengan tanda?

a)

a. <?php … </?php>

b)

b. <script> … </script>

c)

c. <?php … ?>

d)

d. <php … /?>

21.

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

22.

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

a)

websitte

b)

www

c)

internet

d)

web

e)

sinyal

23.

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

24.

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

25.

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 >

26.

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

27.

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

28.

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>

29.

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>

30.

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

a)

Border

b)

Cellspacing

c)

Cellpadding

d)

Colspan

e)

Rowspan

31.

Komponen input Form yang ditunjukkan gambar disebut...

a)

input text

b)

reset

c)

submit

d)

input radio

e)

checkbox

32.

Komponen form pada gambar dibawah disebut...

a)

input text

b)

input Radio

c)

Text Area

d)

Input Texbox

e)

submit

33.

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

34.

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

a)

phpMyAdmin

b)

xampp

c)

java

d)

Apache

e)

mySQL

35.

Penulisan variabel yang benar dalam php adalah ...

a)

$SMKN 5

b)

$SMK_N_5

c)

$5SMKN

d)

$SMKN V

e)

SMK_N_5

36.

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

37.

Scrip yang benar untuk menuliskan bahasa PHP adalah...

a)

<script>...</script>

b)

<?php>...</?>

c)

<&>...</&>

d)

<?php…?>

e)

<%> … <%

38.

Perintah untuk mendefenisikan variable di PHP adalah

a)

//

b)

/*

c)

$

d)

*

e)

&

39.

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

a)

<td>

b)

<input>

c)

<select>

d)

<textarea>

40.

Elemen HTML untuk memutar video adalah

a)

<video>

b)

<input type=’video’>

c)

<media>

d)

<canvas>

e)

<audio>

41.

Berikut yang termasuk dalam proses merancang desain web adalah ...

a)

layout halaman desain dan wireframe

b)

review dan wireframe

c)

layout halaman desain dan review serta siklus persetujuan

d)

sitemap dan wireframe

42.

Yang bertanggung jawab untuk mengembangkan website dari sisi tampilan dengan menggunakan HTML, CSS, dan JavaScript adalah ...

a)

front and developer

b)

back and developer

c)

full stack and developer

d)

front and back developer

43.

Untuk memudahkan mengatur folder dari website yang sedang dibangun, kita bisa menggunakan fasilitas ...

a)

tag selector

b)

standart toolbar

c)

files panel

d)

insert bar

44.

Contoh bahasa pemrograman server side programming adalah ...

a)

ASP, PHP, HTML, Java dan Python

b)

ASP, PHP, JSP, Java dan HTML

c)

ASP, PHP, JSP, Java dan CSS

d)

ASP, PHP, JSP, Java dan Python

45.

Apa kepanjangan dari PHP?

a)

PHP Hypertext Preprocessor

b)

Program Hypertext Preprocessor

c)

Pemberi Harapan Palsu

d)

Preprocessor Hypertext Program

46.

Apa kepanjangan dari HTML?

a)

Home Tool Markup Language

b)

Hypertext Transfer Protocol

c)

Hyper Text Markup Language

d)

Hyper Link Markup Language

47.

Berikut ini yang bukan profesi dalam pengembangan web adalah ...

a)

web developer

b)

web master

c)

web designer

d)

java script

48.

Apa kepanjangan dari www?

a)

web wide world

b)

web world wide

c)

world wide web

d)

wide web world

49.

Bahasa khusus yang berfungsi untuk mempercantik atau memperindah tampilan web adalah ...

a)

Laravel

b)

CSS

c)

PHP

d)

Codeigniter

50.

Bahasa pemrograman web yang pengolahannya dilakukan di sisi server adalah ...

a)

server side programming

b)

host side programming

c)

server client programming

d)

client side programming

51.

Berikut ini adalah hal-hal yang diatur pada coding guideline

a)

Jumlah spasi pada indentasi

b)

Cara memberikan nama

c)

Cara memilih kode program

d)

Pemilihan simbol yang digunakan

52.

<!DOCTYPE html> adalah..

a)

Tag untuk memulai kode HTML

b)

Tag untuk menandakan bahwa file tersebut menggunakan HTML5

c)

Tag yang harus ada pada file HTML

d)

Tag untuk mendefiniskan meta data dokumen

53.

Berikut adalah tag-tag yang dapat ditulis di dalam tag <head>, kecuali

a)

<script>

b)

<link>

c)

<image>

d)

<meta>

54.

CSS internal sebaiknya ditulis...

a)

di dalam tag <body>

b)

sebelum tag <html>

c)

di dalam tag <head>

d)

sesudah tag <html>

55.

Syntax untuk memilih element yang ingin diberi style pada CSS disebut...

a)

Setter

b)

Getter

c)

Combinator

d)

Selector

56.

Syntax kode program yang menghasilkan suatu nilai disebut..

a)

Expression

b)

Statement

c)

Operator

d)

Identifier

57.

Berikut adalah cara menulis Literal String pada JavaScript, kecuali...

a)

'Halo'

b)

"Halo"

c)

/*Halo*/

d)

`Halo`

58.

Simbol yang dapat digunakan sebagai karakter pertama pada identifier PHP adalah...

a)

$

b)

_

c)

-

d)

&

59.

<!-- --> adalah syntax komentar untuk...

a)

HTML

b)

CSS

c)

JavaScript

d)

PHP

60.

Acuan pemrogram dalam menulis kode program disebut

a)

Coding Practice

b)

Best Practice

c)

Best Guideline

d)

Coding Guideline

61.

HTML adalah singkatan dari

a)

HumanText Markup Language

b)

HyperText Markup Language

c)

HorrorTitle Movie Lookup

d)

HyperThread Markup Language

62.

Sebuah HTML elemen terdiri dari

a)

Variable, value, object

b)

Selector, value, object

c)

Opening tag, closing tag, content

d)

Opening tag, closing tag, variable

63.

HTML tag yang digunakan untuk menampilkan gambar adalah

a)

p

b)

h1

c)

img

d)

ul

64.

Berikut ini adalah cara penulisan HTML untuk sebuah judul

a)

<h1>Liburan ke rumah nenek </h1>

b)

<p>Liburan ke rumah nenek </p>

c)

<span>Liburan ke rumah nenek </span>

d)

<div>Liburan ke rumah nenek </div>

65.

Untuk membuat sebuah list atau daftar di HTML, kita dapat menggunakan tag

a)

ul, li

b)

ol, h1

c)

p, div

d)

ul, img

66.

Apa fungsi dari bahasa HTML dalam sebuah halaman web?

a)

Sebagai kerangka konten

b)

Untuk mempercantik desain

c)

Menampilkan efek dinamis

d)

Menyimpan data pengguna website

67.

Informasi yang ditambahkan pada bagian opening tag HTML disebut sebagai

a)

object

b)

variable

c)

selector

d)

attribute

68.

Yang dimaksud dengan void element pada HTML adalah

a)

elemen judul sebuah halaman

b)

elemen yang tidak ditampilkan

c)

elemen yang tidak memiliki konten

d)

elemen yang tidak memiliki class

69.

Fungsi dari href pada sebuah link adalah

a)

menampilkan teks link pada halaman web

b)

menyimpan value dari sebuah variable

c)

menyimpan alamat halaman web yang dituju

d)

menyimpan informasi class dari elemen HTML

70.

Jika sebuah gambar tidak berhasil ditampilkan, apa yang akan muncul di layar?

a)

kotak hitam

b)

menampilkan gambar sejenis

c)

tulisan yang kita simpan di attribute alt

d)

tidak menampilkan apa-apa

71.

CSS merupakan singkatan dari

a)

Cascading Style Sheets

b)

Complex Style Sheets

c)

Complementary Style Sheets

d)

Culinary Style Sheets

72.

Fungsi selector pada CSS adalah

a)

merubah jenis huruf yang digunakan

b)

memberikan class pada elemen HTML

c)

merubah warna tulisan

d)

memilih elemen yang akan diberi style

73.

Property 'color' pada CSS berfungsi untuk

a)

merubah warna hati

b)

merubah warna text

c)

merubah warna latar belakang

d)

merubah warna gambar

74.

p {

color: red;

}

'red' pada kode CSS diatas berperan sebagai

a)

property

b)

value

c)

selector

d)

variable

75.

Property yang berfungsi untuk merubah ukuran text adalah

a)

font-size

b)

background-color

c)

color

d)

width

76.

HTML merupkan singkatan dari...

a)

Hyper Link Markup Leaguage

b)

Hyper Team Markup Laguage

c)

Hyper Text Markup Laguage

d)

Hyper Tool Markup Laguage

e)

Hyper Test Markup Laguage

77.

HTML dibuat oleh Tim Berners-Lee, seorang ahli...

a)

Networking

b)

Fisika

c)

Budaya

d)

IT

e)

Network Security

78.

Istilah WWW pertamakali ditemukan oleh Tim Berners-Lee, pada tahun ...

a)

1989

b)

1990

c)

1991

d)

1992

e)

1993

79.

Tim Berners-Lee menciptakan HTML pada tahun...

a)

1989

b)

1990

c)

1992

d)

1993

e)

1994

80.

Untuk mendefinisikan judul kita perlu menggunakan tag...

a)

<head>

b)

<style>

c)

<title>

d)

<footer>

e)

<body>

81.

Untuk pembuatan HTML software yang dapat digunakan adalah...

a)

Adobe Premiere

b)

Photoshop

c)

Microsoft Word

d)

Notepad

e)

Semua jawaban salah

82.

Untuk membuat tag di html menggunakan dengan simbol

a)

<>...</>

b)

....

c)

()...(/)

d)

{}..{/}

83.

tag untuk membuat paragraf di html...

a)

<d>Teks Paragraf</d>

b)

<paragraf>Teks Paragraf</paragraf>

c)

<p>Teks Paragraf</p>

d)

<html>Teks Paragraf</html>

84.

<h2 align="center">Pengenalalan atribut HTML</h2>

align disebut sebagai

a)

atribut

b)

pelengkap

c)

teks html

d)

tag

85.

<h2 align="center">Pengenalalan atribut HTML</h2>

<h2> disebut sebagai

a)

tag heading 1

b)

tag heading 2

c)

tag heading 3

d)

tag heading 4

86.

<h2 align="center">Pengenalalan atribut HTML</h2>

"Pengenalalan atribut HTML" disebut sebagai

a)

atribut

b)

element

c)

tag

d)

html

87.

Pilih elemen HTML yang benar untuk judul heading:

a)

<head>

b)

<heading>

c)

<h1>

d)

<body>

88.

Manakah dari elemen berikut yang semuanya merupakan elemen <table>?

a)

<thead><body><tr>

b)

<table><tr><td>

c)

<table><tr><tt>

d)

<table><head><tfoot>

89.

Bagaimana cara membuat list bernomor?

a)

<ol>

b)

<ul>

c)

<list>

d)

<dl>

90.

Bagaimana cara membuat list poin?

a)

<ol>

b)

<dt>

c)

<ul>

d)

<list>

91.

Perintah untuk menjadikan komentar pada PHP adalah

a)

//

b)

#

c)

'

d)

$

92.

Perintah untuk mendefenisikan variable di PHP adalah

a)

//

b)

/*

c)

$

d)

*

93.

Perintah untuk mencetak Tulisan di PHP menggunakan sintaks

a)

cetak

b)

echo

c)

println

d)

mysqli_connect

94.

Dalam testing program untuk menguji logika program, sebaiknya menggunakan data

a)

false saja

b)

true saja

c)

false dan true

d)

bilangan numerik

95.

Dalam pemrograman tahapan menterjemahkan ke bahasa komputer disebut

a)

proses informasi

b)

proses translasi

c)

proses debug

d)

compile

96.

Proses identifikasi penyebab kesalahan dan memperbaikinya disebut

a)

Testing

b)

security

c)

debugging

d)

controlling

97.

Diantara yang berikut, yang bukan termasuk control statement adalah

a)

IF...

b)

FOR....

c)

WHILE....

d)

GET...

98.

Perintah PHP selalu diawali dengan, kecuali....

a)

<?php

b)

<?

c)

?>

d)

<%

99.

Logic untuk pemrograman web framemwork dikenal istilah

a)

MPP

b)

NVP

c)

MVC

d)

MVP

100.

Instruksi “IF expr1 THEN statement1 ELSE statement2” menyatakan bahwa statement1 dijalankan jika expr1 True dan statement2 dijalankan jika expr1 False. Pernyataan tersebut dikenal istilah

a)

lexeme

b)

token

c)

syntax

d)

semantic