wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

HTML & CSS II

Total questions: 50

Worksheet time: 50mins

Name
Class
Date
1.

Kode-kode atau perintah dalam dokumen html disebut dengan <body>,<font>,…

a)

Tag

b)

Atribute

c)

Command

d)

Sign

2.

Judul Dokumen HTML terletak di antara kode …

a)

<body>

b)

<bgcolor>

c)

<title>

d)

<font>

3.

Isi sebuh dokumen HTML terletak diantara kode …

a)

<body>

b)

<bgcolor>

c)

<title>

d)

<font>

4.

Perintah tambahan dalam kode dalam HTML disebut dengan <….bgcolor=…><…size=”7” …>

a)

Tag

b)

Atribute

c)

Command

d)

Sign

5.

Untuk menambahkan warna background kita bisa mengunakan atribute …

a)

<..bgcolour=”red”>

b)

<..bgcolor=”red”>

c)

<…color=”red”>

d)

<…colour=”red”>

6.

Untu menambahkan warna teks secara keseluruhan di dalam body, bisa ditambahkan…

a)

teks=”red”

b)

color=”red”

c)

colour=”red”

d)

<…colour=”red”>

7.

Untuk menambahkan background gambar:”koala.jpg” maka kode yang kita tuliskan di dalam body adalah…

a)

<…background=”koala.jpg”>

b)

<…picture=”koala.jpg”>

c)

<..bgcolor=”koala.jpg”>

d)

<…background picture=”koala.jpg”>

8.

Atribute untuk merubah ukuran huruf menjadi lima adalah …

a)

<..font size=50>

b)

<..font size=5>

c)

<..Text size=50>

d)

<..text size=5>

9.

Atribute untuk merubah bentuk huruf adalah …

a)

Size

b)

Font

c)

Text

d)

Face

10.

Ukuran huruf terbesar dalam membuat dokumen html adalah …

a)

48

b)

24

c)

12

d)

7

11.

Untuk membuat tulisan bergerak kekiri kanan atau sebaliknya kode yang digunakan adalah …

a)

<marquee>

b)

scrool

c)

slide

d)

1. left to right

12.

Untuk membuat tulisan bergerak kekiri kemudian balik kekanan atribute behavior diisikan dengan …

a)

alternate

b)

scrool

c)

slide

d)

left to right

13.

Kode <b> untuk membuat stye teks menjadi …

a)

Tebal

b)

Miring

c)

Garis Bawah

d)

berwarna

14.

Kode <u> untuk membuat stye teks menjadi …

a)

Tebal

b)

Miring

c)

Garis Bawah

d)

berwarna

15.

Kode <i> untuk membuat stye teks menjadi …

a)

Tebal

b)

Miring

c)

Garis Bawah

d)

berwarna

16.

Untuk membuat sebuh baris teks turun satu baris, kode yang digunakan adalah …

a)

<p>

b)

<br>

c)

<break>

d)

<down>

17.

Untuk membuat sebuh baris teks turun satu paragraf, kode yang digunakan adalah …

a)

<p>

b)

<br>

c)

<break>

d)

<down>

18.

Kode untuk mengawali sebuah baris adalah …

a)

br

b)

brs

c)

<tr>

d)

<td>

19.

Kode untuk mengawali sebuah tabel adalah …

a)

<table>

b)

<tabel>

c)

</table>

d)

</tabel>

20.

Kode untuk mengawali sebuh kolom adalah …

a)

<kl>

b)

<klm>

c)

<tr>

d)

<td>

21.

Kode <td rowspan=2> digunakan untuk…

a)

Menggabungkan 2 kolom

b)

Menggabungkan 2 baris

c)

Menggabungkan 2 tabel

d)

Memisahkan 2 baris

22.

Berikut adalah aplikasi browser untuk menampilkan hasil dokumen HTML…

a)

notepad

b)

Google Crome

c)

Google Corona

d)

Power Point

23.

Untuk membuat blog di blooger.com, kita harus sudah memiliki …

a)

Akun Email

b)

Dokumen HTML

c)

Uang

d)

Antiseptic

24.

Perintah untuk memberikan garis bawah pada text menggunakan <...> ?

a)

u

b)

b

c)

h

d)

i

e)

j

25.

Apa fungsi bg color pada html...

a)

warna desktop

b)

warna latar belakang monitor

c)

warna latar belakang pada output html

d)

warna latar belakang teks

e)

warna latar belakang pada gambar

26.

Kepanjangan dari CSS adalah...

a)

Coloring Style Sheet

b)

Customising Style Sheet

c)

Cascading Style Sheets

d)

Customising Simple Style

27.

Pada CSS, untuk mengatur jenis tulisan menggunakan property…

a)

Font-number

b)

Font-family

c)

Font-size

d)

Font-style

28.

Untuk mengubah tulisan menjadi seperti gambar, maka perintah margin yang mungkin adalah…

a)

margin-top: 100px;

b)

margin-left: 80px;

c)

margin-left: right;

d)

margin-bottom: 80px;

29.

Berikut ini merupakan jenis CSS, kecuali…

a)

Middle CSS

b)

Eksternal CSS

c)

Inline CSS

d)

Internal CSS

30.

Semua elemen yang ada pada <p> nantinya akan menjadi:

a)

Warna : tengah, orientasi: kuning

b)

Warna: merah, Orientasi: kanan

c)

Warna: Biru, Orientasi: kanan

d)

Warna: Biru, Orientasi: tengah

31.

Untuk menghubungkan HTML dengan External CSS, value dari href harus diisi dengan…

a)

Judul situs yang dibuat

b)

lokasi html yang dibuat

c)

tanggal dibuatnya file html

d)

lokasi file css yang dibuat

32.

Untuk mendapatkan warna tulisan seperti pada gambar, maka kode pada pada CSS yang harus ditulis adalah...

a)

color: blue;

b)

font-color: blue;

c)

border-color: blue;

d)

color-adjust: blue;

33.

Pada potongan kode tersebut, p dan h1 merupakan…

a)

value

b)

selector

c)

property

d)

huruf

34.

Potongan kode diatas bertujuan untuk memodifikasi...

a)

Warna background

b)

Tulisan pada background

c)

Posisi gambar pada background

d)

Gambar background

35.

Kode diatas merupakan cara pengambilan warna dengan menggunakan...

a)

Nilai warna yang solid

b)

Nilai HEX

c)

Nilai RGB

d)

Nilai rumit

36.

Properti yang digunakan untuk mengubah warna latar belakang?

a)

background:url(“file.extension”)

b)

bgcolor:

c)

background-color:

d)

background-color-style:

37.

code background menjadi warna biru adalah

a)

style="font-size: blue"

b)

style="color: blue"

c)

style="background-color: blue"

d)

style="background-color: pink"

38.

fungsi style="color: blue">

a)

mengubah background menjadi warna biru

b)

mengubah warna font menjadi warna biru

c)

mengubah perasaan dia menjadi ga cuek ke aku :)

d)

mengubah ukuran font

39.

Pada file index.php ingin menyertakan CSS secara eksternal yaitu file style.css pada folder CSS seperti pada gambar. Script yang benar adalah:

a)

<link rel="stylesheet" type="text/css" href="css/style.css">

b)

<link rel="stylesheet" type="text/css" href="style.css">

c)

<link rel="stylesheet" type="text/css" href="../../css/style.css">

d)

<link rel="stylesheet" type="text/css" href="../css/style.css">

40.

Cara memanggil File style.css dari file index.php adalah:

a)

<link rel="stylesheet" type="text/css" href="css/style.css">

b)

<link rel="stylesheet" type="text/css" href="style.css">

c)

<link rel="stylesheet" type="text/css" href="../css/style.css">

d)

<link rel="stylesheet" type="text/css" href="../style.css">

41.

Cara yang benar untuk menyertakan file style.css ketika melakukan coding index.php

a)

<link rel="stylesheet" type="text/css" href="../style.css">

b)

<link rel="stylesheet" type="text/css" href="www/style.css">

c)

<link rel="stylesheet" type="text/css" href="style.css">

d)

<link rel="stylesheet" type="text/css" href="project/style.css">

42.

Kebutuhan adalah Teks : Subang ingin berwarna merah, Manakah Script yang Benar?

a)

b)

c)

d)

43.

Cara CSS untuk memformat Text Jakarta cetak tebal.

a)

b)

c)

d)

44.

Pernyataan yang benar dari script tersebut adalah?

a)

#merah adalah property dan color adalah selector

b)

#merah adalah selector id dan color adalah property dengan nilai red

c)

#merah adalah selector class dan color adalah property dengan nilai red

d)

#merah adalah selector tag dan color adalah property dengan nilai red

45.

Selector CSS ada 3 yaitu:

a)

Selector tag, id dan class

b)

Selector div, span, dan tag

c)

Selector block, Inline dan none

d)

Selector tag, id, dan block

46.

<div>Jakarta</div>

property CSS untuk memberikan border pada tag div adalah:

a)

<style>

div{

border-color:1px solid black;

}

</style>

b)

<style>

div{

border:1px solid black;

}

</style>

c)

<style>

#div{

border-color:1px solid black;

}

</style>

d)

<style>

.div{

border-color:1px solid black;

}

</style>

47.

Hasil dari Script adalah:

a)

b)

c)

d)

48.


Jika penulisan CSS seperti ini apakah hasil yang didapatkan?

a)

Teks Bandung tetap berwarna hitam

b)

Teks Bandung Berwarna Biru dengan jenis huruf Arial

c)

Error karena campuran huruf besar dan kecil pada property

d)

Teks Bandung tidak akan muncul

49.

Penulisan CSS Inline yang benar adalah:

a)

b)

c)

d)

50.

Manakah sintaks CSS yang benar?

a)

body:color=black;

b)

{body:color=black;}

c)

{body;color:black;}

d)

body {color:black;}