wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

qzptsfn

Total questions: 25

Worksheet time: 13mins

Name
Class
Date
1.

Berikut ini yang merupakan jenis penempatan CSS dalam HTML, kecuali ...

a)

in line

b)

embedded

c)

linking

d)

head

2.

Lengkapilah blank code pada Line HTML di bawah ini!

<img src="Gambar.jpg" alt="Sebuah Ilustrasi" ... ="width:200px;">

(a)  

3.

CSS Code untuk menampilkan garis/border table adalah sebagai berikut :

table, th, td {

border: 1px black;

}

a)

Benar

b)

Salah

4.

Apabila kita memasukkan Style CSS ke dalam Head HTML, maka CSS tersebut masuk ke dalam jenis CSS ...

a)

Embedded

b)

Linking

c)

in line

d)

Head Style

5.

Lengkapilah CSS Code di bawah ini untuk memberikan warna latar/background table!

table, th, td {

border : 1px solid black;

... : aqua;

}

(a)  

6.

Contoh penulisan HTM Code untuk memasukkan CSS in line adalah ...

a)

<p width:50%>

b)

p {

width: 50%

}

c)

<p style="width:50%">

d)

<img style="50px">

7.

Contoh penulisan HTML Code untuk memasukkan CSS embedded atau linking adalah ...

a)

p {

width: 50%;

}

b)

p {

style: 50%;

}

c)

<p style="width:50%;">

d)

img {

width=50%;

}

8.

Lengkapilah Code di bawah ini untuk mengubah ukuran atau resolusi tinggi suatu gambar di HTML menggunakan CSS embedded atau linking!

img {

... : 200px;

}

(a)  

9.

Lengkapilah HTML Code untuk memasukkan Class "padang" dalam HTML in line di bawah ini!

<div ... ="padang">

(a)  

10.

Lengkapilah blank code untuk membuat Class "padang" dalam CSS Code di bawah ini!

... {

background-color: yellow;

}

(a)  

11.

Lengkapi CSS Code untuk meletakkan table di tengah halaman HTML di bawah ini!

table, th, td {

border: 1px solid black;

... : auto;

margin-right : auto;

}

(a)  

12.

Type File yang digunakan untuk menyimpan File Style adalah ...

a)

.jpg

b)

.html

c)

.css

d)

.padang

13.

Tag HTML element <nav> digunakan untuk membuat ...

a)

Baris Navigasi

b)

Warna Navy

c)

Warna Tabel

d)

Judul Tabel

14.

Untuk memasukkan HTML Form, kita perlu memasukkan tag element ... ke dalam Body HTML.

a)

<form> ... <form>

b)

htmlform.html

c)

<body> ... </body>

d)

<form> ... </form>

15.

Yang tidak termasuk ke dalam jenis Input Type dalam HTML Form adalah ...

a)

text

b)

password

c)

radio

d)

button

16.

Untuk membuat kolom form kata sandi atau rahasia, kita pelu memasukkan input type ... dalam HTML Form.

a)

text

b)

secret

c)

password

d)

pasword

17.

Untuk membuat kolom form opsi yang hanya dapat dipilih satu opsi saja, kita perlu memasukkan ... dalam input type HTML Form.

a)

checkbox

b)

checklist

c)

radio button

d)

button

18.

Untuk membuat kolom form opsi yang dapat dipilih lebih dari satu opsi, kita perlu memasukkan ... dalam input type HTML Form.

a)

radio

b)

button

c)

checkbox

d)

checklist

19.

Lengkapilah HTML Code untuk membuat Form berupa radio button di bawah ini!

<input type="..." name="option">

(a)  

20.

Lengkapilah HTML Code di bawah ini untuk membuat Form berupa kalendar!

<input type="..." name="birthday">

(a)  

21.

Tombol dalam HTML Form dibuat menggunakan tag ...

a)

button

b)

submit

c)

reset

d)

onclick

22.

Button untuk menghapus seluruh isian dalam HTML Form adalah Button Type ...

a)

reset

b)

submit

c)

delete

d)

alert

23.

Button Type untuk mengirim HTML Form adalah ...

a)

submit

b)

reset

c)

onclick

d)

send

24.

Tag element dalam HTML Form untuk membuat text input multi-line text adalah ...

a)

multiline

b)

textarea

c)

input

d)

text

25.

Lengkapi HTML Code di bawah ini untuk membuat tombol kirim dalam HTML Form!

<button ... ="submit" > Submit </button>

(a)