Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CSS - 19 Januari 2021

Total questions: 15

Worksheet time: 6mins

Name
Class
Date
1.

Script pada CSS terdapat syntax "no-repeat"; menunjuk pada ...

a)

background image

b)

background repeat

c)

background position

2.

Script pada CSS terdapat syntax "body {}" artinya adalah ...

a)

pada bagian yang terdapat kata-kata body, akan diubah style-nya melalui HTML dan CSS

b)

pada bagian yang termasuk ke dalam body program, akan diubah style-nya melalui HTML

c)

pada bagian yang termasuk ke dalam body program, akan diubah style-nya melalui CSS

3.

Berikut ini yang termasuk ke dalam background-position yaitu ... (3 jawaban)

a)

vertical right

b)

bottom center

c)

center left

d)

x% y%

e)

center justify

4.

h1 merupakan singkatan dari ...

a)

heading 1

b)

header 1

c)

head 1

5.

Untuk memasukkan gambar ke dalam program HTML, syntax yang dipakai adalah ...

(a)  

6.

Dalam HTML, untuk membuat dua paragraf atau lebih yang berbeda warna teks pada setiap paragrafnya, maka pada paragraf pertama ditulis codingnya ...

a)

<p></p>

b)

<p class="p1"></p>

c)

<p id="p1"></p>

d)

#p1

e)

.p1

7.

Dalam HTML, untuk membuat dua paragraf atau lebih yang berbeda warna teks pada setiap paragrafnya, maka pada paragraf kedua ditulis codingnya ...

a)

<p></p>

b)

<p class="p2"></p>

c)

<p id="p2"></p>

d)

#p2

e)

.p2

8.

Dalam CSS, tiap paragraf dapat diberikan warna font yang berbeda-beda. Untuk menuliskan syntax pada paragraf pertama digunakan ...

a)

#p1 {}

b)

.p1 {}

c)

p {}

9.

Dalam CSS, tiap paragraf dapat diberikan warna font yang berbeda-beda. Untuk menuliskan syntax pada paragraf kedua digunakan ...

a)

#p2 {}

b)

.p2 {}

c)

p {}

10.

Berikut ini, manakah syntax yang tepat untuk menampilkan teks paragraf menjadi huruf tebal pada HTML dan CSS ? (3 jawaban)

a)

.p {

font-weight: bold;

}

b)

<p><strong></strong></p>

c)

#p {

font-style: bold;

}

d)

.cetak-tebal {

font-weight: bold;

}

e)

#cetak-tebal {

font-weight: bold;

}

11.

Perhatikan gambar berikut. Bagian yang diberi tanda kotak dan diberi tanda centang merah, dalam CSS menggunakan ...

a)

font color

b)

background color

c)

color

12.

<link rel="stylesheet" type="text/css" href="stylenew.css">


Dari pernyataan diatas, CSS dibuat dengan menggunakan type/cara ...

a)

external

b)

embed

c)

inline

13.

Berikut ini, manakah syntax yang tepat untuk menampilkan teks paragraf menjadi huruf miring pada HTML dan CSS ? (3 jawaban)

a)

.p {

font-style: italic;

}

b)

<p><i></i></p>

c)

#p {

font-style: italic;

}

d)

.cetak-miring {

font-style: italic;

}

e)

#cetak-miring {

font-position: italic;

}

14.

Dalam CSS, untuk mengganti jenis huruf pada teks paragaraf, digunakan statement ...

a)

font-style

b)

font-type

c)

font-family

15.

Dalam CSS, untuk membuat background image, digunakan syntax ...

a)

background-image: <img src "bg4.png">

b)

background-image: url(bg4.png);

c)

<link rel="background-image" a href="bg4.png">