Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Website

Total questions: 48

Worksheet time: 43mins

Name
Class
Date
1.

Apa perintah yang paling pertama dalam mengakhiri pembuatan HTML...

a)

<body>

b)

</body>

c)

</html>

d)

<html>

2.

Apa perintah yang paling pertama dalam mengawali pembuatan HTML...

a)

<body>

b)

</body>

c)

</html>

d)

<html>

3.

Manakah pada pilihan dibawah ini yang merupakan mahasa Markup…

a)

PHP

b)

JavaScript

c)

HTML

d)

Python

4.

Tiga Struktur dasar Tag HTML yaitu…

a)

title – head – body

b)

html – head – title

c)

html – head– body

d)

html – title – table

5.

Membuat text tebal pada HTML yaitu menggunakan…

a)

<b>

b)

<p>

c)

<i>

d)

<br>

6.

Perintah untuk mengganti baris pada HTML adalah...

a)

<br>

b)

<tr>

c)

<td>

d)

<li>

7.

HTML merupkan singkatan dari...

a)

Hyper Link Markup Leaguage

b)

Hyper Text Markup Laguage

c)

Hyper Test Markup Laguage

d)

Hyper Team Markup Laguage

8.

Dalam HTML tang <p> digunakan untuk...

a)

Membuat komentar

b)

Membuat paragraf

c)

Membuat header

d)

Membuat footer

9.

Perhatikan kode html beikut ini:


<ul>

<li>Satu</li>

<li>Dua</li>

<li>Tiga</li>

</ul>


Hasil dari kode html di atas adalah …

a)
b)
c)
d)
10.

Struktur dasar membuat tabel pada html ....

a)

<table>

<tr>

<td> </td>

</tr>

<table>

b)

<table>

<tr>

<tr> <td>

<table>

</td>

c)

<table>

<tr>

<td> </td>

</tr>

</table>

d)

<td>

<table>

<tr> </tr>

</table>

</td>

11.

Pasangan hasil yang sesuai untuk pemformatan dengan tag <u> dan <i> secara berurutan adalah …

a)

satu dan dua

b)

satu dan dua

c)

satu dan dua

d)

satu dan dua

12.

Coding dibawah ini berfungsi untuk,

<img src="png.png" width="100" height="100"></img>

a)

Menampilkan audio

b)

Menampilkan video

c)

Menampilkan gambar

d)

Menuju ke suatu link

13.

Penulisan DOCTYPE yang benar dalaman HTML 5 adalah

a)

<html>

b)

<DOCTYPE>

c)

<!DOCTYPE HTML5>

d)

<!DOCTYPE HTML>

14.

berikut ini yang bukan termasuk tag untuk membuat heading adalah......

a)

<h4>

b)

semua benar

c)

<h5>

d)

<h7>

15.

     <h1 align=”center”>hello world</h1> coba perhatikan elemen HTML tersebut, mana yang termasuk isi dari tag HTML?

a)

hello word

b)

center

c)

<div>

d)

     <h1 align=”center”>

16.

Penulisan komentar di dalam HTML yang benar adalah?

a)

<!- This is a comment ->

b)

// This is a comment

c)

/* This is a comment */

d)

<!-- This is a comment -->

17.

DOM singkatan dari apa?

a)

Document Object Markup

b)

Document Object Model

c)

Document Object Main

d)

Document Open Mat (karo)

18.

Ketika menggunakan anchor tag (<a>), penulisan atribut target yang benar agar link membuka tab atau jendela baru adalah?

a)

target="_new"

b)

target="_tab"

c)

target="window"

d)

target="_blank"

19.

Ekstensi file HTML adalah?

a)
.htm
b)
.index
c)
.webpage
d)
.html
20.

Apa fungsi atribut bgcolor pada html?

a)

warna desktop

b)

warna latar belakang monitor

c)

warna latar belakang pada html element

d)

warna latar belakang cursor mouse

e)

warna latar belakang pada gambar

21.

Apa fungsi atribut “align” dalam HTML?

a)

Mengatur panjang garis

b)

Tebal garis

c)

Perataan text

d)

mengatur warna

e)

mengatur lebar

22.

Kepanjangan dari CSS adalah ..

a)

Cascading Style Sheet

b)

Cashcading Style Sheet

c)

Cascadyng Style Sheet

d)

Caseflow Style Sheet

e)

Coding Style Sheet

23.

CSS merupakan suatu dokumen website yang bertujuan untuk ..

a)

Mengatur gaya tampilan website

b)

Mengatur bahasa pemrograman

c)

Mengatur cahaya tampilan web

d)

Menggabungkan antara bagian isi web yang dibuat

e)

Semua jawaban benar

24.

Bagian utama CSS terdiri dari tiga bagian yaitu ..

a)

Selector, property, value

b)

Selector, formula, proeprty

c)

Formula, Property, value

d)

Selector, sum, value

e)

Property, sum, value

25.

Format penulisan CSS yang benar adalah ..

a)

Selector {Property: Value;}

b)

Property {Selector: Value;}

c)

Selector {Value: Porperty;}

d)

Value {Property: Selector;}

e)

Selector (Property; Value;)

26.

Selector ID dilambangkan dengan simbol ..

a)

.(titik)

b)

/(garis miring)

c)

#(pagar)

d)

*(bintang)

e)

$(dolar)

27.

Selector CLASS dilambangkan dengan simbol ..

a)

$(dolar)

b)

#(pagar)

c)

*(bintang)

d)

.(titik)

e)

/(garis miring)

28.

Jelaskan apa yang dimaksud dengan metode pemanggilan internal CSS ..

a)

Menulis kode CSS di dalam tag

b)

Menggunakan file terpisah dengan ekstensi .js

c)

Menggunakan tag untuk menghubungkan file CSS

d)

Semua jawaban benar

e)

Menggunakan file terpisah dengan ekstensi .css

29.

Bagaimana cara menggunakan metode pemanggilan inline CSS ..

a)

Dengan menambahkan CSS ke dalam tag

b)

Dengan menambahkan gaya langsung ke dalam tag HTML menggunakan atribut style

c)

Dengan menggunakan JavaScript untuk memanggil CSS

d)

Dengan membuat file terpisah untuk setiap elemen HTML

e)

Semua jawaban benar

30.

Jelaskan perbedaan antara metode pemanggilan inline dan internal CSS ...

a)

Metode pemanggilan inline menggunakan atribut style di dalam tag HTML, sedangkan internal CSS menggunakan tag

b)

Metode pemanggilan inline menggunakan tag , sedangkan internal CSS menggunakan tag

c)

Metode pemanggilan inline menggunakan tag , sedangkan internal CSS menggunakan tag

d)

Metode pemanggilan inline menggunakan tag

e)

Semua jawaban benar

31.

Apa kegunaan dari pseudo-class dalam CSS ...

a)

Pseudo-class digunakan untuk mengatur urutan tampilan elemen

b)

Pseudo-class digunakan untuk memberikan gaya pada elemen berdasarkan keadaan tertentu.

c)

Pseudo-class digunakan untuk menambahkan gambar pada elemen

d)

Pseudo-class digunakan untuk menghapus elemen dari halaman web

e)

CSS bisa digunakan dengan lancar

32.

Untuk memanggil script CSS external atau yang berada di luar menggunakan ..

a)

<link rel="stylesheet" href="style.css">

b)

<link rel="stylesheet" herf="style.css">

c)

<link rel="style.css">

d)

<style>style.css</style>

e)

<link href="stylesheet">

33.

Dari baris code tersebut, mana yang disebut selector ..

a)

#7ed6a5

b)

body

c)

font-family

d)

sans-serif

e)

background-color

34.

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

a)

color: blue;

b)

border-color: blue;

c)

font-color: blue;

d)

color-adjust: blue;

e)

semua jawaban benar

35.

Sintak yang benar untuk menambahkan warna background atau latar belakang dibawah ini adalah ..

a)

<body style=’background-color:green’>

b)

<body style=’background-:color:green’>

c)

<latarbelakang>hijau<green>

d)

<background>green</background>

e)

<body style=’background-green’>

36.

Sintak CSS yang dipakai ketika kita akan merubah tulisan menjadi bold adalah ..

a)

font-weight: bold;

b)

font-size: 12px;

c)

font-style: italic;

d)

font-family: verdana;

e)

Font-style: Bold;

37.

Kode CSS untuk menentukan background berupa gambar pada halaman web adalah ..

a)

background-images: url(gambar.jpg);

b)

background-image: url(gambar.jpg);

c)

bgimage: url(gambar.jpg);

d)

bgimage: url(gambar.jpg);

e)

image:url(gambar.jpg);

38.

Sintaks CSS yang paling tepat untuk merubah semua elemen

menjadi bold adalah ..

a)

p {font-weight:bold}

b)

all.p{text-size:bold}

c)

.p (text-size:bold}

d)

#p {text-size:bold}

e)

semua jawaban benar

39.

Perhatikan script CSS dibawah ini:

p {color:red;}

Yang disebut property adalah ..

a)

p

b)

red

c)

color

d)

color:red

e)

tidak ada jawaban yang betul

40.

http://www.google.com adalah contoh dari apa?

a)

URL

b)

IP address

c)

Browser

d)

Application

41.

Apa perbedaan antara HTML dan CSS?

a)

CSS adalah salah satu jenis HTML

b)

HTML memberikan struktur halaman web. CSS menyediakan gaya.

c)

CSS menyusun halaman web. HTML secara ketat menyediakan gaya.

d)

Tidak ada perbedaan

42.

Pilih sintaks CSS yang benar

a)

body {color: yellow;}

b)

body:color=yellow;

c)

{body:color= yellow;}

d)

{body;color: yellow;}

43.

Mana tag HTML yang benar untuk merujuk ke style sheet eksternal?

a)

<style src="mystyle.css">

b)

<styles src="mystyle.css">

c)

<stylesheet>mystyle.css</stylesheet>

d)

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

44.

Pilih kode yang benar untuk membuat semua teks di halaman web Anda berwarna biru dan berada di tengah.

a)

p {

color: blue;

}

b)

body {

text-align: left;

color: blue;

}

c)

p {

text-align: center;

color: blue;

}

d)

body {

text-align: center;

color: blue;

}

45.

Untuk membuat batas titik-titik di sekeliling halaman

a)

border-style

b)

border-width

c)

border-color

d)

width

46.

Manakah selektor untuk sebuah link ?

a)

a { }

b)

link { }

c)

href { }

d)

a href { }

47.

Manakah nilai atau value dalam CSS ini?

p {color: pink;}

a)

p

b)

color

c)

pink

d)

{}

48.

Simbol apa yang mengelilingi properti untuk setiap CSS selektor?

a)

< >

b)

[ ]

c)

{ }

d)

( )