wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML + CSS + Bootstrap

Total questions: 15

Worksheet time: 46mins

Name
Class
Date
1.

Untuk mengganti judul yang ada di tab browser, kita perlu menambahkan elemen di dalam head, apa itu ...

a)

<title></title>

b)

<p></p>

c)

<body></body>

d)

<div></div>

2.

Tag yang digunakan untuk membuat link adalah?

a)

a

b)

href

c)

div

d)

nav

3.

Mana tag di bawah ini yang memiliki ukuran / font-size paling besar ...

a)

<h7>

b)

<h6>

c)

<h2>

d)

<h1>

4.

Untuk menampilkan gambar di html, tag yang benar di bawah ini adalah ...

a)

<link src="img_girl.jpg" .....

b)

<img href="img_girl.jpg" .....

c)

<img file="img_girl.jpg" .....

d)

<img src="img_girl.jpg" .....

5.

Sebutkan 7 tag html yang kalian ketahui, kecuali yang sudah saya sebutkan di bawah ?

contoh: <p> , <h1>, <h2> , <h3> , <h4> , <h5> , <img>

4 lines
6.

Pada tag apa sebaiknya CSS dipanggil pada sebuah file HTML?

a)

head

b)

title

c)

css

d)

footer

7.

Cara membuat css untuk suatu id diawali dengan character...

a)

.

b)

#

c)

$

d)

,

8.

Cara membuat css untuk suatu class diawali dengan character...

a)

.

b)

#

c)

$

d)

,

9.

Cara membuat text menjadi bold menggunakan attribute css?

a)

font-weight

b)

font-bold

c)

bold

d)

font-size

10.

Berikut ini manakah deklarasi css yang membuat suatu elemen menampilkan teks berwarna merah?

a)

background-color: red;

b)

color: red;

c)

text-color: red;

d)

element-color: red;

11.

Manakah dari sintaks berikut yang benar dalam CSS untuk membuat setiap kata dalam kalimat dimulai dengan huruf kapital?

a)

text-style : capital;

b)

transform : capitalize;

c)

text-transform : capital;

d)

text-transform : capitalize;

12.

Sintak css yang digunakan ntuk mengatur jarak antara 2 div seperti gambar, bisa menggunakan ?

a)

padding: 50px;

b)

margin: 50px

c)

spacing: 50px;

d)

space: 50px;

13.

Sintax untuk padding top dan bottom pada boostrap 5 adalah ....

a)

class="py-3"

b)

class="my-3"

c)

class="ms-3"

d)

class="me-3"

14.

Misalkan kita akan mengimplementasikan responsive design menggunakan boostrap 5,

untuk tampilan handphone / ≥576px adalah 12 colomn,

untuk tampilan tablet / ≥768px adalah 8 colomn,

untuk tampilan desktop / ≥992px adalah 4 colomn,

maka sintak yang digunakan adalah

a)

class="col-lg-4 col-md-8 col-sm-12"

b)

class="col-sm-4 col-md-8 col-lg-12"

c)

class="col-md-4 col-sm-8 col-lg-12"

d)

class="col-md-4 col-lg-8 col-sm-12"

15.

Syntax / Kode css untuk membuat kotak dengan warna merah, tinggi 100px, dan lebar 300px, adalah ....

.kotak { ..... }

4 lines