wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

QUIZ HTML CSS (Kelas 8)

Total questions: 13

Worksheet time: 2mins

Name
Class
Date
1.

Bagian pada struktur HTML yang berisi informasi untuk browser seperti judul pada tab jendela, namun tidak ditampilkan di halaman konten utama pembaca, adalah...

a)

<body>

b)

<title>

c)

<head>

d)

<html>

2.

Manakah tag heading yang akan menghasilkan ukuran huruf paling kecil?

a)

<h1>

b)

<h3>

c)

<h6>

d)

<h7>

3.

Perhatikan kode berikut: <a ...="google.com">Klik Disini</a>. Atribut yang wajib diisi pada titik-titik di atas agar link dapat berfungsi adalah...

a)

link

b)

href

c)

src

d)

ref

4.

Jika kamu ingin membuat daftar belanjaan yang menggunakan simbol bulatan (bullet points), tag pembungkus yang tepat adalah...

a)

<ol>

b)
  1. <dl>

c)

<li>

d)

<ul>

5.

Pernyataan manakah yang paling tepat mengenai tag <img> ?

a)

Wajib menggunakan penutup </img>

b)

Menggunakan atribut href untuk memanggil gambar

c)

Tidak memiliki tag penutup

d)

Digunakan untuk membuat video

6.

Dalam pembuatan tabel sederhana, tag <tr> berfungsi untuk membuat…

a)

Kolom tabel

b)

Baris tabel

c)

Judul tabel

d)

Garis tepi tabel

7.

Tag <br> yang berfungsi untuk ganti baris adalah singkatan dari kata...

a)

Border

b)

Break

c)

Bold

d)

Background

8.

Jika kamu ingin mengubah gaya tampilan pada elemen dengan ID tertentu (contoh: id="judul"), simbol selektor yang digunakan di CSS adalah...

a)

Tanda Titik (.)

b)

Tanda Pagar (#)

c)

Tanda Bintang (*)

d)

Tanda Kurawal ({)

9.

Manakah penulisan kode CSS yang BENAR untuk mengubah warna teks menjadi merah?

a)

font-color: red;

b)

text-color: red;

c)

color: red;

d)

color = red;

10.

Jarak kosong di LUAR kotak elemen yang memisahkan elemen tersebut dengan elemen tetangganya disebut...

a)

Padding

b)

Border

c)

Margin

d)

Width

11.

Perhatikan potongan kode CSS berikut: h1 { font-size: 14px... color: blue... } Tanda baca yang tepat untuk mengisi titik-titik di atas agar kode berjalan lancar adalah...

a)

Titik dua (:)

b)

Titik koma (;)

c)

Koma (,)

d)

Spasi

12.

Untuk membuat tulisan menjadi miring melalui CSS, properti yang digunakan adalah...

a)

font-style: italic;

b)

font-weight: italic;

c)

text-decoration: italic;

d)

font-type: italic;

13.

Jika di HTML tertulis <p class="teks-penting">, maka cara memanggilnya di CSS adalah...

a)

#teks-penting { ... }

b)

teks-penting { ... }

c)

.teks-penting { ... }

d)

*teks-penting { ... }