wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Pemrograman Web

Total questions: 100

Worksheet time: 51mins

Name
Class
Date
1.

Apa perintah yang paling pertama dalam mengawali pembuatan HTML...

a)

<body>

b)

</body>

c)

</html>

d)

<html>

2.

Manakah pada pilihan dibawah ini yang merupakan mahasa Markup…

a)

PHP

b)

JavaScript

c)

HTML

d)

Python

3.

Tiga Struktur dasar Tag HTML yaitu…

a)

title – head – body

b)

html – head – title

c)

html – head– body

d)

html – title – table

4.

Membuat text tebal pada HTML yaitu menggunakan…

a)

<b>

b)

<p>

c)

<i>

d)

<br>

5.

Perintah untuk mengganti baris pada HTML adalah...

a)

<br>

b)

<tr>

c)

<td>

d)

<li>

6.

HTML merupkan singkatan dari...

a)

Hyper Link Markup Leaguage

b)

Hyper Text Markup Laguage

c)

Hyper Test Markup Laguage

d)

Hyper Team Markup Laguage

7.

Dalam HTML tang <p> digunakan untuk...

a)

Membuat komentar

b)

Membuat paragraf

c)

Membuat header

d)

Membuat footer

8.

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)
9.

Struktur dasar membuat tabel pada html ....

a)

<table>

<tr>

<td> </td>

</tr>

<table>

b)

<table>

<tr>

<tr> <td>

<table>

</td>

c)

<table>

<tr>

<td> </td>

</tr>

</table>

d)

<td>

<table>

<tr> </tr>

</table>

</td>

10.

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

11.

Coding dibawah ini berfungsi untuk,

<img src="png.png" width="100" height="100"></img>

a)

Menampilkan audio

b)

Menampilkan video

c)

Menampilkan gambar

d)

Menuju ke suatu link

12.

Penulisan DOCTYPE yang benar dalaman HTML 5 adalah

a)

<html>

b)

<DOCTYPE>

c)

<!DOCTYPE HTML5>

d)

<!DOCTYPE HTML>

13.

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

a)

<h4>

b)

semua benar

c)

<h5>

d)

<h7>

14.

     <h1 align=”center”>hello world</h1>cobaperhatikanelemen HTML diatas, mana yang termasukisidari tag HTML?

a)

hello word

b)

center

c)

<div>

d)

     <h1 align=”center”>

15.

Apa fungsi dari hyperlink dalam halaman web?

a)

Untuk menggabungkan 2 atau lebih kolom pada baris yang berbeda

b)

  Untuk memudahkan pengunjung web dalam menulusuri/menjelajahi seluruh isi atau informasi yang tersimpan dalam situs web bersangkutan.

c)

Mengubah tampilan halaman web

d)

Untuk menggabungkan halaman web

16.

tag html untuk membuat garis horizontal

(a)  

17.

tag html untuk membuat posisi teks

a)

bgcolor="red"

b)

align="center"

c)

<center>

d)

<merge>

18.

tag html yang benar untuk tabel adalah?

a)

</table><table>

b)

<tabel></tabel>

c)

<table></table>

d)

</tabel><tabel>

19.

table header

a)

<tb>

b)

<td>

c)

<tr>

d)

<th>

20.

membuat baris

a)

<tb>

b)

<td>

c)

<tr>

d)

<th>

21.

tag html untuk menulis data dalam tabel

(a)  

22.

membuat jarak antara dinding sel dan sel

a)

cellpading

b)

cellspacing

23.

membuat jarak antara sel dan sel

a)

cellpading

b)

cellspacing

24.

cara menulis atribut cellpadding yang benar adalah

a)

<cellpading=10>

b)

<cellpading="10">

c)

<=cellpadding"10">

d)

<"10" cellpading>

25.

apa fungsi tag <border="1">

(a)  

26.

Buat kodingan untuk menampilkan gambar di html pada gambar ini

(a)  

27.

Apa yang salah pada codingan ini?

a)

Tidak ada </main>

b)

Tidak ada </body>

c)

Tidak ada </html>

d)

Tidak ada <head>

e)

Codingan ini sudah benar

28.

Apa yang salah pada codingan ini?

a)

Tidak ada </main>

b)

Tidak ada </body>

c)

Tidak ada </html>

d)

Tidak ada <head>

e)

Codingan ini sudah benar

29.

Apa yang salah pada codingan ini?

a)

Tidak ada </main>

b)

Tidak ada </body>

c)

Tidak ada </html>

d)

Tidak ada <head>

e)

Codingan ini sudah benar

30.

Apa yang salah pada codingan ini?

a)

Tidak ada </main>

b)

Tidak ada </body>

c)

Tidak ada </html>

d)

Tidak ada <head>

e)

Codingan ini sudah benar

31.

Apa yang salah pada codingan ini?

a)

Tidak ada </main>

b)

Tidak ada </body>

c)

Tidak ada </html>

d)

Tidak ada <head>

e)

Codingan ini sudah benar

32.

Buat codingan untuk menampilkan link jika diklik akan menuju www.youtube.com! dengan tulisan klik

(a)  

33.

Bagaimana penamaan file dalam codingan html?

a)

Semua jawaban salah

b)

namafile. lms

c)

namafile.xml

d)

namafile. html

e)

namafile.html

34.

Perhatikan tabel berikut ini! Unsur tabel yang di tandai oleh huruf "B" disebut dengan...

a)

Garis

b)

Kolom

c)

Baris

d)

Sel

35.

Dalam pembuatan tabel pada HTML, tag yang perlu dibuat dalam pertama kali adalah...

a)

<td></td>

b)

<thead></thead>

c)

<table></table>

d)

<tr></tr>

36.

Untuk membuat tabel, hal yang pertama dilakukan adalah mendefinisikan baris terlebih dahulu, lalu mendefinisikan kolom. Tag yang digunakan untuk mendefinisikan baris adalah...

a)

<thead></thead>

b)

<tr></tr>

c)

<td></td>

d)

<tbody></tbody>

37.

Untuk menambahkan garis pada tabel yang kita buat, kita perlu menuliskan sebuah property dari tag <table>. Property yang dimaksud adalah...

a)

cellpadding

b)

cellspacing

c)

border

d)

width

38.

Untuk mengatur jarak antar sel pada tabel, kita perlu menuliskan sebuah property pada tag <table>. Property tersebut adalah...

a)

cellpadding

b)

cellspacing

c)

border

d)

style

39.

Untuk mengatur jarak antara isi sel dengan garis pembatas sel kita harus menggunakan sebuah properti pada tag <table>. Properti yang dimaksud adalah...

a)

cellspacing

b)

cellpadding

c)

border

d)

style

40.

Pada tabel, kita juga bisa menambahkan warna pada cell yang kita miliki dengan menggunakan sebuah properti. Property tersebut adalah...

a)

color

b)

bg-color

c)

background

d)

bgcolor

41.

Untuk menggabungkan 2 atau lebih kolom, maka kita memerlukan sebuah properti untuk tag <td>. Property tersebut adalah...

a)

colspan

b)

join

c)

rowspan

d)

merge

42.

Pada tabel kita dapat menggabungkan 2 atau lebih baris dengan menuliskan sebuah property pada tag <td>. Tag yang dimaksud adalah...

a)

colspan

b)

merge

c)

rowspan

d)

join

43.

Untuk menyisipkan data/isi tabel, di dalam tag manakah kita perlu menempatkan data/isi tabel tersebut?

a)

<tr></tr>

b)

<td></td>

c)

<thead></thead>

d)

<tbody></tbody>

44.

HTML merupakan singkatan dari...

a)

Home Tool Markup Language

b)

Hyperlinks and Text Markup Language

c)

Hyper Text Markup Language

d)

Hyper Tool Markup Language

45.

Yang dimaksud dengan halaman Web adalah..

a)

Halaman elektronik yang dibuka dengan web browser

b)

Halaman online yang bisa didownload

c)

Halaman digital yang dibuka dengan web browser

d)

Halaman digital yang berisi berbagai jenis data dan gambar

46.

Bahasa Pemrograman yang biasa digunakan untuk membuat halaman web adalah pengertian dari...

a)

HTML

b)

WEB

c)

Programmer

d)

Internet

47.

Fungsi dari <center> adalah...

a)

Menampilkan informasi

b)

Mengubah tulisan menjadi Strong

c)

Mempertebal tulisan

d)

Rata tengah

48.

Dibawah ini yang termasuk Format Video adalah...

a)

MP3

b)

MP4

c)

Msv

d)

M4p

49.

Tag untuk menampilkan gambar dalam HTML adalah...

a)

<img>

b)

<jpg>

c)

<jpeg>

d)

<pict>

50.

Sebuah halaman web/blog bisa diisi dengan tulisan, gambar, animasi, dan video. Tapi semua itu dalam dunia web/blog disebut dengan istilah:

a)

Konten

b)

Script

c)

HTML

d)

Link

51.

Berikut ini yang menjadi standarisasi Web adalah...

a)

W3C (Word Wide Web Consortium)

b)

ECMAN (eropean Computer Manufacturers Association)

c)

Google

d)

Linux

52.

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

a)

<h4>

b)

<h5>

c)

<h6>

d)

<h7>

53.

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

a)

width dan value

b)

pixel dan cm

c)

width dan height

d)

value dan height

54.

Sebutkan nama extensi HTML yang paling benar ?

a)

html

b)

,html

c)

.html

d)

<html>

55.

ciri khas dari tag penutup ?

a)

"

b)

/

c)

\

d)

<>

56.

potongan coding " <!DOCTYPE html> " merupakan bagian dari

a)

body

b)

head

c)

heading

d)

deklarasi

57.

Yang tidak termasuk ekstensi HTML adalah ?

a)

.html

b)

.htm

c)

.shtm

d)

.txt

58.

index.html merupakan nama yang digunakan untuk ....

a)

abaut us

b)

beranda

c)

homepage

d)

contact person

59.

fungsi dari tag ini <html lang="en"> ?

a)

membuat deklarasi

b)

membuat menu

c)

membuat body

d)

menggunakan bahasa inggris

60.

Tag yang digunakan untuk membuat judul di halaman web adalah ?

a)

<tittle>

b)

<title>

c)

<head>

d)

<heading>

61.

<p> ini biasa berada di bagian mana pada HTML?

a)

head

b)

deklarasi

c)

body

d)

judul

62.

hasil dari 120 x 10 + 11 : 0 x 34 =

a)

34

b)

1200

c)

Error

d)

0

63.

Hasil dari 34 + 32 : 8 : 1 x 10 + 0

a)

0

b)

error

c)

64

d)

74

64.

Untuk membuat tabel menggunakan tag?

a)

<table>

b)

<tables>

c)

<tb>

d)

<tab>

e)

<tabel>

65.

Tabel tag <tr> pada HTML saat membuat tabel berfungsi untuk...

a)

Membuat kolom

b)

Membuat Baris

c)

Membuat Judul

d)

Membuat List

e)

Membuat baris baru

66.

Perintah manakah yang dapat menggabungkan beberapa kolom menjadi satu?

a)

br

b)

colspan

c)

rowspan

d)

textarea

e)

tidak ada jawaban yang benar

67.

Perintah manakah yang dapat menggabungkan beberapa baris menjadi satu?

a)

cellspacing

b)

colspan

c)

rowspan

d)

cellpadding

e)

texarea

68.

Pada HTML untuk mengganti baris menggunakan perintah

a)

<tr>

b)

<ul>

c)

<br>

d)

</tr>

e)

<p>

69.

Berdasarkan hasil tampilan tabel berikut manakah script tabel yang benar...

a)

<table border="1">

<tr>

<td width="100px" cellpadding="2">1</td>

<td width="100px">2</td>

<tr>

<td width="100px">2</td>

</tr>

</table>

b)

<table border="1">

<tr>

<td width="100px" cellspacing="2">1</td>

<td width="100px">2</td>

<tr>

<td width="100px">2</td>

</tr>

</table>

c)

<table border="1">

<tr>

<td width="100px" rowspan="2">1</td>

<td width="100px">2</td>

<tr>

<td width="100px">2</td>

</tr>

</table>

d)

<table border="1">

<tr>

<td width="100px" colspan="2">1</td>

<td width="100px">2</td>

<tr>

<td width="100px">2</td>

</tr>

</table>

e)

<table border="1">

<tr>

<td width="100px" rules="2">1</td>

<td width="100px">2</td>

<tr>

<td width="100px">2</td>

</tr>

</table>

70.

Struktur dasar membuat tabel pada html..

a)

<table>

<tr>

<td></td>

</tr>

<table>

b)

<table>

<td>

<tr> <tr>

</td>

</tables>

c)

<table>

<tr>

<td> </td>

</tr>

</table>

d)

<table>

<head>

<td> </tr>

<Table>

</head>

e)

<table>

<br>

<tr> </tr>

</td>

</table>

71.

Apa fungsi bg color dalam membuat table ...

a)

Warna latar belakang html

b)

Warna desktop

c)

warna latar belakang monitor

d)

Warna latar belakang tabel

e)

Warna latar belakang teks

72.

Perintah HTML untuk menentukan tebal garis table adalah...

a)

br

b)

align

c)

colspan

d)

rowspan

e)

border

73.

Perintah untuk menyatukan 3 baris pada sebuah tabel adalah ...

a)

<td colspand=3>

b)

<td colspan=”3”>

c)

<td rowspand=3>

d)

<td rowspan=”3”>

e)

<td rowspand=”3”>

74.

Tag html yang bersifat single tag adalah....

a)

<head>

b)

<body>

c)

<br>

d)

<title>

75.

Yang merupakan single tag atau tidak ada penutup tag adalah....?

a)

<p>

b)

<html>

c)

<br>

d)

<body>

76.

<ol type="1">

<li>Ikan goreng</li>

<li>Ikan bakar</li>

<li>Ikan sambal</li>

Dari koding diatas, maka hasil yang akan muncul adalah...?

a)

1. Ikan goreng

2. Ikan bakar

3. Ikan sambal

b)

A. Ikan goreng

B. Ikan bakar

C. Ikan sambal

c)

i. Ikan goreng

ii. Ikan bakar

iii. Ikan sambal

d)

a. Ikan goreng

b. Ikan bakar

c. Ikan sambal

77.

untuk memanjangkan kolom menjadi 2, menggunakan perintah...

a)

<rowspan=”2”>

b)

<table border=”2”>

c)

<column=”2”>

d)

<colspan=”2”>

78.

Perintah untuk menyatukan 3 baris pada sebuah tabel adalah…

a)

<td rowspan=3>

b)

<td colspan=3>

c)

<td rowspan=’3’>

d)

<td rowspan=”3”>

79.

Dalam HTML, dapat ditambahkan hubungan/relasi ke link lain. Berikut ini adalah command dari link yang apabila di klik akan menuju ke www.google.com adalah….

a)

<a href="www.google.com"></a>

b)

<pindah ke www.google.com> </a>

c)

<a href www.google.com> </a>

d)

<Href a www.google.com> </a>

80.

Jenis Website yang mana penggunanya tidak bisa merubah kontent dari Web tersebut secara langsung menggunakan Browser. Merupakan pengertian dari?

a)

Web Dinamis

b)

Web Statis

c)

Web Server

d)

Web Client

e)

Web Hosting

81.

Kepanjangan dari CSS adalah...

a)

Coloring Style Sheet

b)

Customising Style Sheet

c)

Cascading Style Sheets

d)

Customising Simple Style

82.

Pada CSS, untuk mengatur jenis tulisan menggunakan property…

a)

Font-number

b)

Font-family

c)

Font-size

d)

Font-style

83.

Berikut ini merupakan jenis CSS, kecuali…

a)

Middle CSS

b)

Eksternal CSS

c)

Inline CSS

d)

Internal CSS

84.

Semua elemen yang ada pada <p> nantinya akan menjadi:

a)

Warna : tengah, orientasi: kuning

b)

Warna: merah, Orientasi: kanan

c)

Warna: Biru, Orientasi: kanan

d)

Warna: Biru, Orientasi: tengah

85.

Untuk mendapatkan warna tulisan seperti pada gambar, maka kode pada pada CSS yang harus ditulis adalah...

a)

color: blue;

b)

font-color: blue;

c)

border-color: blue;

d)

color-adjust: blue;

86.

Pada potongan kode tersebut, p dan h1 merupakan…

a)

value

b)

selector

c)

property

d)

huruf

87.

Perhatikan script CSS dibawah ini:

p {color:red;}

Yang disebut property adalah...

a)

p

b)

color

c)

red

d)

color:red

88.

Perhatikan script CSS dibawah ini:

p {color:red;}

Yang disebut value adalah...

a)

p

b)

color

c)

red

d)

color:red

89.

Kode HTML yang benar untuk merujuk ke css eksternal adalah.....

a)

<stylesheet> styleku.css</stylesheet>

b)

<style src="styleku.css">

c)

<link rel="styleseet" type"text/css" href="styleku.css">

d)

<link rel="css">css</>

e)

<style src="style.css"></style>

90.

Dimanakah dalam dokumen html tempat untuk meletakkan rujukan ke css eksternal ....

a)

Dalam tag <body>

b)

Dalam tag <Head>

c)

Pada akhir dokumen

d)

Dalam HTML

e)

Bebas dimana saja

91.

Sintaks CSS yang benar dibawah ini adalah ....

a)

h3 {black : color;}

b)

h3 [color : black;}

c)

h3 {color: black}

d)

h3 {color: black;{

e)

h3 {color : black;}

92.

Sintaks CSS yang benar untuk membuat tulisan TEKS DI CORET adalah ....

a)

text-decoration: none;

b)

text-decoration: over-line;

c)

text-decoration: line-through;

d)

text-decoration: underline;

e)

text-decoration: coret;

93.

<p style="color: red"> isi paragraf</p> merupakan sintaks css ...

a)

eksternal css

b)

embedded css

c)

inline css

d)

css gabungan

e)

bukan css

94.

Untuk membuat teks agak menjorok kedalam dapat menggunakan Sintaks CSS ....

a)

text-transform: -20px;

b)

text-indent: 10px;

c)

text-indent: tab;

d)

text-decoration: 10px;

e)

text-decoration: uppercase;

95.

Properti CSS untuk mengubah warna link ketika mouse diarahkan pada link adalah....

a)

a:link

b)

a:visited

c)

a:hover

d)

a:active

e)

visited link

96.

Properti CSS untuk mengubah warna link ketika link klik adalah....

a)

a:link

b)

a:visited

c)

a:hover

d)

a:active

e)

visited link

97.

Bagian selector pada CSS mempunyai definisi...

a)

Bagian yang digunakan untuk mengubah style pada HTML

b)

Nilai yang di miliki oleh CSS

c)

Bagian untuk menghubungkan kode CSS dengan tag HTML yang sesuai

d)

Bagian yang digunakan untuk mendeklarasikan CSS

e)

Bagian yang digunakan untuk mengubah nilai CSS

98.

Contoh dari nilai Hex adalah...

a)

255,0,0

b)

#66FF33

c)

-1050

d)

black

e)

x(60) y(40)

99.

1) Inline style sheet

2) outline style sheet

3) embeded style sheet

4) external style sheet

5) internal style sheet


Dari data diatas, yang termasuk dalam metode penulisan CSS yang benar ditunjukan oleh nomor..

a)

(1), (3), dan (5)

b)

(2), (3), dan (5)

c)

(3), (4), dan (5)

d)

(1), (3), dan (4)

e)

(1), (2), dan (4)

100.

Untuk membuat garis pada tabel atribut apa yang harus ditambahkan didalam tag <table> ?

a)

border

b)

cellpadding

c)

cellspacing

d)

garis

e)

<thead>