wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Quiz Dasar HTML dan CSS

Total questions: 36

Worksheet time: 27mins

Name
Class
Date
1.

Bahasa utama yang digunakan untuk membuat struktur dasar halaman web adalah …

a)

Java

b)

HTML

c)

CSS

d)

Python

e)

PHP

2.

HTML adalah singkatan dari...

a)

Hyper Text Marker Language

b)

Hyper Tool Markup Language

c)

Hyper Text Markup Language

d)

High Text Markup Language

e)

Hyper Transfer Markup Language

3.

Sedangkan CSS singkatan dari …

a)

Chrome Sheet Style

b)

Cascading Style Sheet

c)

Cascading Sheet Style

d)

Cross System Screen

e)

Canned Screening Sheet

4.

File utama dalam website biasanya disimpan dengan nama …

a)

index.html

b)

main.css

c)

app.js

d)

home.php

e)

server.exe

5.

Tag dasar untuk memulai dokumen HTML adalah...

a)

<start>

b)

<head>

c)

<html>

d)

<body>

e)

<title>

6.

Tag dasar untuk menutup dokumen HTML adalah...

a)

</title>

b)

</start>

c)

</head>

d)

</html>

e)

</body>

7.

Bagian dari struktur HTML yang akan ditampilkan pada halaman web browser yaitu ....

a)

html

b)

head

c)

body

d)

bgcolor

e)

font size

8.

Fungsi dari tag <body bgcolor=”FF0000”> adalah untuk ... halaman web

a)

menyisipkan gambar

b)

membuat animasi

c)

warna teks pada body

d)

warna latar belakang

e)

nama file

9.

Kode hexadecimal untuk warna kuning yaitu ....

a)

FFFFFF

b)

FFFF00

c)

0000FF

d)

000000

e)

00FF00

10.

Tag <font color=”00FF00> akan menghasilkan teks berwarna ....

a)

merah

b)

kuning

c)

hijau

d)

biru

e)

putih

11.

Tag untuk menentukan ukuran font yaitu

a)

size

b)

color

c)

face

d)

style

e)

bgcolor

12.

Tag untuk membuat tulisan miring pada HTML adalah ….

a)

<b> Miring </b>

b)

<u> Miring </u>

c)

<p> Miring </p>

d)

<br> Miring </br>

e)

<i> Miring </i>

13.

Tag HTML <i><u>DeKaVe</u></i> akan menampilkan tulisan DeKaVe di web browser menjadi ….

a)

tebal dan berwarna merah

b)

miring dan tebal

c)

garis bawah dan miring

d)

tebal dan garis bawah

e)

huruf capital dan tebal

14.

Tag <marquee direction=right> DeKaVe </marquee> berfungsi untuk membuat tulisan DeKaVe di web browser menjadi ....

a)

bayangan

b)

berkedip

c)

bergerak

d)

berjalan ke kiri

e)

berjalan ke kanan

15.

Agar mempermudah para pengguna Internet untuk browsing, Google menciptakan web browser yang bernama ….

a)

Opera

b)

Picasa

c)

Chrome

d)

Internet Explorer

e)

Mozilla Firefox

16.

Warna latar belakang dokumen tersebut adalah ….

a)

hitam

b)

putih

c)

merah

d)

biru

e)

kuning

17.

Script tersebut digunakan untuk pembuatan ….

a)

table

b)

penomoran

c)

animasi

d)

paragraph

e)

header

18.

Jumlah baris pada table tersebut yaitu ...

a)

1

b)

2

c)

3

d)

4

e)

5

19.

Sedangkan jumlah kolom table tersebut adalah ….

a)

1

b)

2

c)

3

d)

4

e)

5

20.

Fungsi TR (Table Rows) pada pembuatan table yaitu untuk menentukan ....

a)

panjang kolom

b)

jumlah kolom

c)

jumlah baris

d)

lebar baris

e)

lebar tabel

21.

Sedangkan fungsi TD (Table Data) pada pembuatan table yaitu untuk menentukan ....

a)

lebar tabel

b)

jumlah kolom

c)

lebar kolom

d)

jumlah baris

e)

lebar baris

22.

Untuk membuat tabel pada halaman web menggunakan tag ....

a)

<font>

b)

<title>

c)

<head>

d)

<table>

e)

<html>

23.

Software dari Adobe yang dibuat untuk mempermudah desain web bagi pemula yaitu ….

a)

Photoshop

b)

Dreamweaver

c)

Premiere Pro

d)

Flash Professional

e)

After Effects

24.

Salah satu cara membuka Adobe Dreamweaver yaitu double click icon Adobe Dreamweaver yang terdapat pada ....

a)

toolbars

b)

status bar

c)

start menu

d)

desktop

e)

properties

25.

Shortcut yang digunakan untuk menyimpan dokumen HTML pada Adobe Dreamweaver yaitu ….

a)

Ctrl+O

b)

Shift+S

c)

Shift+O

d)

Alt+N

e)

Ctrl+S

26.

Ctrl+O adalah shortcut pada Adobe Dreamweaver berfungsi untuk … dokumen

a)

membuka

b)

menutup

c)

menyimpan

d)

membuat

e)

mengedit

27.

Shortcut Ctrl+N pada Adobe Dreamweaver berfungsi untuk … dokumen

a)

mengedit

b)

membuka

c)

menutup

d)

menyimpan

e)

membuat

28.

Desain file website pada Adobe Dreamweaver agar dapat dijalankan web browser harus disimpan dalam format…

a)

.psd

b)

.cdr

c)

.html

d)

.png

e)

.gif

29.

Software yang dapat dipakai untuk menulis script HTML dan menampilkanya di browser yaitu ….

a)

Camtasia

b)

Paintshop

c)

Page Maker

d)

Notepad

e)

Illustrator

30.

Langkah-langkah menyimpan dokumen HTML dengan menggunakan Notepad yaitu ....

a)

klik file - save - index.html - save

b)

klik file - save - index.html - OK

c)

klik file - save as - index.html - OK

d)

klik file - index.html - save

e)

klik file - index.html - OK

31.

Tag untuk membuat tabel di HTML harus diawali dengan ....

a)

<div>

b)

<th>

c)

<td>

d)

<tr>

e)

<table>

32.

Untuk mengubah warna teks pada HTML, kita dapat menggunakan tag ....

a)

<text>

b)

<color>

c)

<span>

d)

<style>

e)

<font>

33.

Fungsi dari tag <head> dalam dokumen HTML adalah untuk ....

a)

menentukan ukuran gambar

b)

menyimpan metadata

c)

menampilkan konten utama

d)

menambahkan skrip

e)

menyusun tabel

34.

Tag HTML yang digunakan untuk menambahkan gambar ke dalam halaman web adalah ....

a)

<img>

b)

<image>

c)

<picture>

d)

<photo>

e)

<graphic>

35.

Untuk mengatur ukuran font dalam HTML, kita dapat menggunakan tag ....

a)

<size>

b)

<font>

c)

<header>

d)

<text>

e)

<style>

36.

Fungsi dari tag <meta> dalam dokumen HTML adalah untuk ....

a)

menambahkan skrip

b)

menyusun tabel

c)

menampilkan gambar

d)

menyimpan informasi tentang dokumen

e)

menyimpan konten utama