wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML

Total questions: 89

Worksheet time: 46mins

Name
Class
Date
1.

Membuat text tebal pada HTML yaitu menggunakan…

a)

<b>

b)

<p>

c)

<i>

d)

<br>

2.

Perintah untuk mengganti baris pada HTML adalah...

a)

<br>

b)

<tr>

c)

<td>

d)

<li>

3.

HTML merupkan singkatan dari...

a)

Hyper Link Markup Leaguage

b)

Hyper Text Markup Laguage

c)

Hyper Test Markup Laguage

d)

Hyper Team Markup Laguage

4.

Dalam HTML tang <p> digunakan untuk...

a)

Membuat komentar

b)

Membuat paragraf

c)

Membuat header

d)

Membuat footer

5.

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

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>

7.

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

8.

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

9.

Penulisan DOCTYPE yang benar dalaman HTML 5 adalah

a)

<html>

b)

<DOCTYPE>

c)

<!DOCTYPE HTML5>

d)

<!DOCTYPE HTML>

10.

Untuk menerima masukan berupa pilihan yang dapat dipilih salah satu yaitu...

a)

Radio

b)

Submit

c)

Checkbox

d)

Text

11.

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

a)

Radio

b)

Submit

c)

Checkbox

d)

Text

12.

Cara penulisan komentar pada HTML adalah...

a)

<!- -  - ->

b)

</!- -  - ->

c)

<!- -  - -/>

d)

/!- -  - -/

13.

Dalam peralatan HTML, ini merupakan ........

a)

Text Editor

b)

Browser

c)

grafis

d)

basisdata

14.

Yang digunakan untuk membuka HTML adalah ....

a)
b)
15.

Sebutkan HTML yang paling terbaru ?

a)

HTML 7

b)

HTML 6

c)

HTML 5

d)

HTML 4

16.

kapan HTML 1.0 muncul ?

a)

Juli 1993

b)

Juni 1992

c)

Juni 1993

d)

Juli 1992

17.

Bagaimanakah perintah HTML agar muncul input type password ....

a)

<td><input type="password" name="alamat"</td>

b)

<td><input type="name" name="password"</td>

c)

<td><input type="password" password="alamat"</td>

d)

<td><input type="word" name="password"</td

18.

Fungsi dari <textarea> adalah ....

a)

Untuk membuat sebuah kotak teks multi baris.

b)

Untuk membuat sebuah daftar pilihan

c)

Untuk membuat komponen-komponen yang digunakan untuk meminta informasi dari user

d)

Untuk membuat kotak teks

19.

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

20.

Berikut ini yang menjadi standarisasi Web

a)

ECMAN (uropean Computer Manufacturers Association)

b)

W3C (World Wide Web Consortium)

c)

Google

d)

PSR (PHP Standars Recommendation)

21.

Sintak yang benar untuk menambah warna latar belakang

a)

<background>green</background>

b)

<body =’background-color:green’

c)

<body bgcolor="yellow">

d)

<body =’background:green’>

22.

Penulisan DOCTYPE yang benar dalaman HTML 5 adalah

a)

<html>

b)

<DOCTYPE>

c)

<!DOCTYPE HTML5>

d)

<!DOCTYPE HTML>

23.

Bagaimanakan membuat button submit pada form?

a)

<input type="button">

b)

<input type="submited">

c)

<input type="submits">

d)

<input type="submit">

24.

Komponen dalam dokumen HTML yang dibentuk dari tag pembuka, isi, dan tag penutup adalah...

a)

Atribut

b)

Elemen

c)

Tag

d)

Tabel

25.

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

a)

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

b)

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

c)

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

d)

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

26.

cara mengatur ketinggilan teks secara vertikal?

a)

text-decoration: middle;

b)

vertical-text: middle;

c)

line-height: x px;

27.

selector css yang digunakan untuk ketika mouse melalui element tersebut

a)

:active

b)

:hov

c)

:hover

d)

:transition

28.

mengatur lebar dengan persentase?

a)

left: x %;

b)

right: x %;

c)

height: x %;

d)

width: x %;

29.

tag yang digunakan untuk menambahkan gambar?

a)

backround-image

b)

<img />

c)

<image />

d)

<picture />

30.

syntax menambahkan bayangan pada element?

a)

element-shadow: 0 7px #1a7940;

b)

box-shadow: 0 7px #1a7940;

c)

shadow-box: 0 7px #1a7940;

d)

shadow: 0 7px #1a7940;

31.

jika ingin membuat element mengambang berjejer dari arah kanan ke kiri?

a)

float: both;

b)

float: right;

c)

float:right-left;

d)

float: left;

32.

jika ingin membuat element mengambang berjejer dari arah kiri ke kanan?

a)

float: both;

b)

float: right;

c)

float:right-left;

d)

float: left;

33.

syntax padding sebanyak 20px dari atas, dan 20px dari bawah pada element tanpa border?

a)

padding: 20px 0px;

b)

padding: 20px 20px 0px 0px;

c)

border-padding: 20px 0px;

d)

padding-border: 20px 0px;

34.

syntax css yang sesuai dengan element tulisan "progate" dengan nama kelas `logo`?

a)

.logo{ padding: 40px 20px; }

b)

.logo{ margin: 40px 20px; }

c)

.logo{ border: 40px 20px; }

35.

Sebutkan nama extensi HTML yang paling benar ?

a)

html

b)

,html

c)

.html

d)

<html>

36.

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

a)

body

b)

head

c)

heading

d)

deklarasi

37.

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

a)

abaut us

b)

beranda

c)

homepage

d)

contact person

38.

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

a)

membuat deklarasi

b)

membuat menu

c)

membuat body

d)

menggunakan bahasa inggris

39.

Tag yang digunakan untuk membuat judul di halaman web adalah ?

a)

<tittle>

b)

<title>

c)

<head>

d)

<heading>

40.

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

a)

head

b)

deklarasi

c)

body

d)

judul

41.

apakah HTML sebuah bahasa pemograman.....

a)

benar

b)

bisa jadi

c)

bukan

d)

mungkin

42.

    Manakah yang termasukatributuntuk link?

a)

enable

b)

disable

c)

href

d)

title

43.

     Pada tahunberapa HTML 5 rilis?

a)

2009

b)

1945

c)

2000

d)

1970

44.

   Bagaimana cara penulisan tag penutup?

a)

<div>

b)

[p]

c)

</div>

d)

<?p>

45.

Siapa penemu HTML?

a)

saya

b)

     Tim Beners-Lee

c)

nikola tesla

d)

thomas alfaedison

46.

HTML kepanjangan dari apa?

a)

Hypertext Markup Language

b)

Hyperlink Markup Language

c)

      Hypeetex May Language

d)

     Hypertext Markup Loceration

47.

      Jika kita ingin membuat garis datar (horizontal), kita perlu menuliskan perintah…?

a)

<div>

b)

<container>

c)

<hr>

d)

<br>

48.

Tabel terdiri dari 4 unsur utama yaitu...

a)

Baris, kolom, paragraf, alinea

b)

baris, garis, kolom, nomor

c)

baris, garis, kolom, sel

d)

baris, nomor, kolom, heading

49.

Tag <td> berfungsi untuk...

a)

(tabel row) untuk membuat kolom

b)

(tabel row) untuk membuat baris

c)

(tabel row) untuk membuat sel

d)

(tabel row) untuk membuat penomoran

50.

Style teks untuk menampilkan tulisan bergaris bawah

a)

<b></b>

b)

<strike></strike>

c)

<u></u>

d)

<i></i>

51.

Attribute untuk mengubah type list pada ordered list

a)

type

b)

style

c)

<ul></ul>

d)

<li></li>

52.

Penulisan universal selector ditandai dengan karakter

a)

#

b)

*

c)

.

d)

p

53.

Berikut merupakan contoh property pada css

a)

#data

b)

h1

c)

.btn-primary

d)

color

54.

Class ini digunakan untuk menambahkan gaya khusus ke link yang belum dikunjungi.

a)

:link

b)

:active

c)

:hover

d)

:focus

55.

menentukan nama font ketika digunakan oleh suatu elemen.

a)

Font-family

b)

Src

c)

Font-weight

d)

Font-style

56.

Format penulisansintaks CSS yang benar adalah...?

a)

      Property {selector : value;}

b)

Property {selector : value;}

c)

    Selector {property ; value}

d)

      Selector {property ‘value;}

57.

Sebuah halaman web/blog bisa di isidengan tulisan, gambar, animasi, dan video tapi semua itu dalam dunia web/blog disebut dengan istilah....?

a)

Content

b)

script

c)

css

d)

link

58.

1.       Selector ID dilambangkan dengan symbol…?

a)

$

b)

#

c)

*

d)

?

59.

      CSS merupakan singkatan dari?

a)

     Conversation sheet stylish

b)

      Consortarium style sheet

c)

     Cascading style sheet

d)

      Cascading sheet style

60.

     Judul dalam halaman web diletakkan dalam tag…

a)

      <title>judul<title>

b)

      <judul/>judul<judul>

c)

     <head>Judul</head>

d)

     <body>judul</body>

61.

       Salah satutiga Teknik metode penulisan CSS adalah…

a)

Universal CSS style

b)

      Div CSS style

c)

      Inline CSS style

d)

      Syntax CSS style

62.

      Penulisan syntax CSS yang diletakkan satu file dengan file html atau file php disebut dengan teknik penulisan…

a)

     External style

b)

      Internal Style

c)

      Back style

d)

      Inline style

63.

      Jika kita ingin merubah gaya pada font, syntax yang tepat adalah…

a)

      Font-weight

b)

     Font-style

c)

      Font-color

d)

      Font-family

64.

Penulisan padding atas menggunakan

a)

padding-right

b)

padding-top

c)

padding-left

d)

padding-buttom

65.

1.       Background: red; menghasilkan warna…

a)

kuning

b)

hijau

c)

biru

d)

merah

66.

       Pembuatan paragraph rata kiri menggunakan…

a)

      <p align=”left”>

b)

      <pcenter=”left”>

c)

      <p =”left”>

d)

      <align=”left”>

67.

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>

68.

Dibawah ini yang merupakan tag html untuk mewarnai huruf adalah....

a)

<fon color ="">

b)

<font color=" ">

c)

font color=""

d)

<font colour=" ">

69.

Tag untuk menentukan baris pada tabel

a)

td

b)

th

c)

tr

d)

tc

70.

File HTML harus dibuka dengan <html> dan ditutup </html>?

a)

Salah

b)

Benar

71.

Struktur dasar HTML adalah ...

a)

Head, body, dan foot

b)

Head dan body

c)

Head, body, hand, dan foot

72.

Yang merupakan tag yang tidak berpasangan adalah ....

a)

<center>

b)

<tr>

c)

<ol>

d)

<img>

73.

Tampilan untuk kode HTML berikut adalah :

<input type="text">

a)
b)
c)
d)
74.

Bagaimana Anda membuat a numbered list?

a)

<dl>

b)

<list>

c)

<ol>

d)

<ul>

75.

Bagaimana Anda membuat sebuah bulleted list?

a)

<ol>

b)

<ul>

c)

<list>

d)

<dl>

76.

Apa arti dari istilah URL dalam dunia Internet ?

a)

Uniform Resource Locator

b)

Uniform Resource Location

c)

Uniform Realibility Locator

d)

Universal Resource Locator

e)

Universal Reaction Location

77.

Perhatikan Jenis Software Berikut

1.       Google Web Designer

2.       Goofle Chrome

3.       Safari

4.       Araneae

5.       Microsoft Edge

Yang merupakan web browser ditunjukan oleh nomor …

a)

125

b)

145

c)

234

d)

235

78.

Untuk membuat teks seperti disamping menggunakan kode ...

a)

<sub>H2SO4</sub>

b)

H<sub>2</sub>SO<sub>4</sub>

c)

<sub>H2</sub>SO<sub>4</sub>

d)

H<sub>2<sub>SO<sub>4<sub>

79.

<tr><th>Nama</th>

<th>Merk HP</th>

<th>Sistem Operasi</th> </tr>

<tr><td>Sutiyem</td>

<td>Redmi Note 9</td>

<td rowspan="2">Android</td></tr>

Kode di atas menghasilkan ...

a)

1 baris 1 kolom

b)

2 baris 3 kolom

c)

3 baris 2 kolom

d)

3 baris 3 kolom

80.

Kode untuk memasukkan gambar adalah ...

a)

<img src="1.jpg" />

b)

<img src="1.mp3" />

c)

<src="1.jpg" /img>

d)

<img="1.jpg" />

81.

property css yang digunakan untuk mengambarkan garis pada sisi setiap element?

a)

line-height

b)

border

c)

hairline

82.

property yang digunakan untuk element agar memenuhi tempat

a)

display:inline-block

b)

display: none;

c)

display: block

d)

display: cover;

83.

menargetkan selector class pada css adalah dengan simbol?

a)

#

b)

{

c)

$

d)

.

84.

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

85.

<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

86.

untuk mengulangi pengisian pada form menggunakan perintah:

a)

<input type=”reset” value=”reset”>

b)

<input type=”submit" value=”reset”>

c)

<input type=”checkbox” value=”ulangi”>

d)

<input type=”circle” value=”reset”>

e)

<input type=”repeat” value=”ulangi”>

87.

Apa kepanjangan WWW ...

a)

Word Wide Web

b)

World Wide Web

c)

World Web Wide

d)

Wide Word Web

e)

Wide World Web

88.

Penemu HTML ?

a)

Thomas Alfa Edison

b)

Tim Berners Lee

c)

Cristiano Ronaldo

d)

Jack Ma

89.

Bahasa pemrograman web yang proses pengolahannya dilakukan di sisi client dan dilakukan oleh web browser sebagai clientnya adalah

a)

Client Side Programming

b)

Host Side Programming

c)

Web Side Programming

d)

Server Client Programming

e)

Server Side Programming