wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Soal HTML & CSS

Total questions: 48

Worksheet time: 24mins

Name
Class
Date
1.

HTML singkatan dari …

a)

HyperText Markup Language

b)

HyperTide Making Language

c)

HidenText Markup Language

d)

HyperText Making Language

2.

Kode-kode atau perintah dalam dokumen html disebut dengan <body>,<font>,…

a)

Tag

b)

Atribute

c)

Command

d)

Sign

3.

Judul Dokumen HTML terletak di antara kode …

a)

<body>

b)

<bgcolor>

c)

<title>

d)

<font>

4.

Isi sebuh dokumen HTML terletak diantara kode …

a)

<body>

b)

<bgcolor>

c)

<title>

d)

<font>

5.

Perintah tambahan dalam kode dalam HTML disebut dengan <….bgcolor=…><…size=”7” …>

a)

Tag

b)

Atribute

c)

Command

d)

Sign

6.

Untuk menambahkan warna background kita bisa mengunakan atribute …

a)

<..bgcolour=”red”>

b)

<..bgcolor=”red”>

c)

<…color=”red”>

d)

<…colour=”red”>

7.

Untu menambahkan warna teks secara keseluruhan di dalam body, bisa ditambahkan…

a)

teks=”red”

b)

color=”red”

c)

colour=”red”

d)

<…colour=”red”>

8.

Untuk menambahkan background gambar:”koala.jpg” maka kode yang kita tuliskan di dalam body adalah…

a)

<…background=”koala.jpg”>

b)

<…picture=”koala.jpg”>

c)

<..bgcolor=”koala.jpg”>

d)

<…background picture=”koala.jpg”>

9.

Atribute untuk merubah ukuran huruf menjadi lima adalah …

a)

<..font size=50>

b)

<..font size=5>

c)

<..Text size=50>

d)

<..text size=5>

10.

Atribute untuk merubah bentuk huruf adalah …

a)

Size

b)

Font

c)

Text

d)

Face

11.

Ukuran huruf terbesar dalam membuat dokumen html adalah …

a)

48

b)

24

c)

12

d)

7

12.

Untuk membuat tulisan bergerak kekiri kanan atau sebaliknya kode yang digunakan adalah …

a)

<marquee>

b)

scrool

c)

slide

d)

1. left to right

13.

Untuk membuat tulisan bergerak kekiri kemudian balik kekanan atribute behavior diisikan dengan …

a)

alternate

b)

scrool

c)

slide

d)

left to right

14.

Untuk membuat tulisan bergerak memutar, atribute behavior diisikan dengan …

a)

alternate

b)

scrool

c)

slide

d)

left to right

15.

Kode <b> untuk membuat stye teks menjadi …

a)

Tebal

b)

Miring

c)

Garis Bawah

d)

berwarna

16.

Kode <u> untuk membuat stye teks menjadi …

a)

Tebal

b)

Miring

c)

Garis Bawah

d)

berwarna

17.

Kode <i> untuk membuat stye teks menjadi …

a)

Tebal

b)

Miring

c)

Garis Bawah

d)

berwarna

18.

Untuk membuat sebuh baris teks turun satu baris, kode yang digunakan adalah …

a)

<p>

b)

<br>

c)

<break>

d)

<down>

19.

Untuk membuat sebuh baris teks turun satu paragraf, kode yang digunakan adalah …

a)

<p>

b)

<br>

c)

<break>

d)

<down>

20.

Kode untuk mengawali sebuah tabel adalah …

a)

<table>

b)

<tabel>

c)

</table>

d)

</tabel>

21.

Kode untuk mengawali sebuah baris adalah …

a)

br

b)

brs

c)

<tr>

d)

<td>

22.

Kode untuk mengawali sebuh kolom adalah …

a)

<kl>

b)

<klm>

c)

<tr>

d)

<td>

23.

Kode <td rowspan=2> digunakan untuk…

a)

Menggabungkan 2 kolom

b)

Menggabungkan 2 baris

c)

Menggabungkan 2 tabel

d)

Memisahkan 2 baris

24.

Kode <td colspan=2> digunakan untuk …

a)

Menggabungkan 2 kolom

b)

Menggabungkan 2 tabel

c)

Menggabungkan 2 baris

d)

Memisahkan 2 baris

25.

Didalam tabel untuk meletakkan teks di atas digunakan kode…

a)

<td valign=”bottom”

b)

<td align=”top”

c)

<td valign=”top”

d)

<td valign=”bottom”

26.

Didalam tabel untuk meletakkan teks di bawah digunakan kode…

a)

<td valign=”bottom”

b)

<td align=”top”

c)

<td valign=”top”

d)

<td valign=”bottom”

27.

Didalam tabel untuk meletakkan teks di kanan digunakan kode…

a)

<td valign=”right”

b)

<td align=”right”

c)

<td valign=”-left”

d)

<td valign=”-left”

28.

Berikut adalah aplikasi untuk menuliskan kode html …

a)

notepad

b)

Google Crome

c)

Google Corona

d)

Internet explorer

29.

Berikut adalah aplikasi browser untuk menampilkan hasil dokumen HTML…

a)

notepad

b)

Google Crome

c)

Google Corona

d)

Power Point

30.

Untuk membuat blog di blooger.com, kita harus sudah memiliki …

a)

Akun Email

b)

Dokumen HTML

c)

Uang

d)

Antiseptic

31.

Untuk membangun halaman HTML sederhana, Anda dapat menggunakan ...

a)

Excel

b)

Frame

c)

Winamp

d)

Notepad

e)

Messenger

32.

Tag ini digunakan untuk memberikan judul pada title bar window. Tag ini berada pada tag  head. Tag ini adalah …

a)

Head

b)

Body

c)

Frame

d)

Title

e)

table

33.

Perintah untuk memberikan garis bawah pada text menggunakan <...> ?

a)

u

b)

b

c)

h

d)

i

e)

j

34.

Apa fungsi bg color pada html...

a)

warna desktop

b)

warna latar belakang monitor

c)

warna latar belakang pada output html

d)

warna latar belakang teks

e)

warna latar belakang pada gambar

35.

Kepanjangan dari CSS adalah...

a)

Coloring Style Sheet

b)

Customising Style Sheet

c)

Cascading Style Sheets

d)

Customising Simple Style

36.

Pada CSS, untuk mengatur jenis tulisan menggunakan property…

a)

Font-number

b)

Font-family

c)

Font-size

d)

Font-style

37.

Untuk mengubah tulisan menjadi seperti gambar, maka perintah margin yang mungkin adalah…

a)

margin-top: 100px;

b)

margin-left: 80px;

c)

margin-left: right;

d)

margin-bottom: 80px;

38.

Berikut ini merupakan jenis CSS, kecuali…

a)

Middle CSS

b)

Eksternal CSS

c)

Inline CSS

d)

Internal CSS

39.

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

40.

Untuk menghubungkan HTML dengan External CSS, value dari href harus diisi dengan…

a)

Judul situs yang dibuat

b)

lokasi html yang dibuat

c)

tanggal dibuatnya file html

d)

lokasi file css yang dibuat

41.

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;

42.

Pada potongan kode tersebut, p dan h1 merupakan…

a)

value

b)

selector

c)

property

d)

huruf

43.

Potongan kode diatas bertujuan untuk memodifikasi...

a)

Warna background

b)

Tulisan pada background

c)

Posisi gambar pada background

d)

Gambar background

44.

Kode diatas merupakan cara pengambilan warna dengan menggunakan...

a)

Nilai warna yang solid

b)

Nilai HEX

c)

Nilai RGB

d)

Nilai rumit

45.

Properti yang digunakan untuk mengubah warna latar belakang?

a)

background:url(“file.extension”)

b)

bgcolor:

c)

background-color:

d)

background-color-style:

46.

Tag HTML yang digunakan untuk mendefinisikan style sheet internal?

a)

<script>

b)

<style>

c)

<css>

d)

<a href>

47.

code background menjadi warna biru adalah

a)

style="font-size: blue"

b)

style="color: blue"

c)

style="background-color: blue"

d)

style="background-color: pink"

48.

fungsi style="color: blue">

a)

mengubah background menjadi warna biru

b)

mengubah warna font menjadi warna biru

c)

mengubah perasaan dia menjadi ga cuek ke aku :)

d)

mengubah ukuran font