wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

LATIHAN SOAL HTML DAN CSS

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

1. Tag HTML apa yang digunakan untuk membuat paragraf?

a)

A.<br>

b)

B.<p>

c)

C.<div>

d)

D. <span>

2.

2. Properti CSS apa yang digunakan untuk mengubah warna teks?

a)

A. background-color

b)

B. text-align

c)

C. color

d)

D. font-size

3.

3. Manakah di bawah ini merupakan struktur dasar dokumen HTML yang benar?

a)

A.<html><body><head></head></body></html>

b)

B. <head><html><body></body></html></head>

c)

C. <html><head></head><body></body></html>

d)

D. <body><html><head></head></html></body>

4.

4. Kode CSS berikut digunakan untuk...? Perhatikan gambar di bawah!

a)

A. Mengubah jenis huruf dan latar belakang

b)

B. Menempatkan heading di tengah dan memberi warna biru

c)

C. Menambahkan border pada heading

d)

D. Membuat ukuran heading lebih kecil

5.

5. Untuk membuat tautan ke halaman lain digunakan tag...?

a)

A. <link>

b)

B.<a>

c)

C. <href>

d)

D.<url>

6.

Simaklah video disamping ini !

6. Manakah sintaks CSS inline yang benar dalam tag HTML berikut?

a)

A. <p style="color: red;">Ini paragraf</p>

b)

B. <p css="color: red;">Ini paragraf</p>

c)

C. <p stylesheet="color: red;">Ini paragraf</p>

d)

D. <p red="color">Ini paragraf</p>

7.

7. Apa fungsi dari tag <img> dalam HTML?

a)

A. Untuk menambahkan video

b)

B. Untuk menambahkan teks

c)

C. Untuk menampilkan gambar

d)

D. Untuk menampilkan tautan

8.

Cermati gambar disamping!

8. Apa hasil dari kode berikut ini?

a)

A. Paragraf akan memiliki latar belakang biru

b)

B. Paragraf akan memiliki ruang luar dan dalam serta garis tepi

c)

C. Paragraf akan berwarna merah

d)

D. Paragraf akan tersembunyi

9.
  1. 9. Perhatikan kode HTML disamping berikut:

Apa fungsi dari kode tersebut?

a)

A. Membuat tabel

b)

B. Membuat daftar tak berurutan

c)

C. Menyisipkan gambar

d)

D. Menampilkan heading

10.

10. Manakah dari kode berikut yang digunakan untuk memberi latar belakang

gambar pada halaman web?

a)

A. background-color: red;

b)

B. background-image: url('gambar.jpg');

c)

C. img: background('gambar.jpg');

d)

D. img-src: gambar.jpg;