wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Pemrograman Web - HTML/CSS

Total questions: 50

Worksheet time: 25mins

Name
Class
Date
1.

Tag yang digunakan untuk mengganti baris pada HTML adalah...

a)

<td>

b)

<tr>

c)

<p>

d)

<br>

2.

Yang bukan merupakan elemen pada bagian head adalah...

a)

<text>

b)

<title>

c)

<base>

d)

<meta>

3.

Menyediakan judul halaman HTML merupakan fungsi dari elemen...

a)

base

b)

body

c)

head

d)

link

4.

Agar audio yang ditampilkan dapat menampilkan berbagai tombol seperti volume, audio, pause, dan sebagainya menggunakan atribut...

a)

autoplay

b)

pause

c)

loop

d)

controls

5.

Tag yang digunakan untuk menampilkan daftar yang terurut seperti 1, 2, 3, ..., 5 adalah...

a)

<ul>

b)

<ol>

c)

<li>

d)

<dl>

6.

Atribut name pada jenis input text digunakan untuk...

a)

Menamai kotak teks

b)

Menandai teks

c)

Mengatur ukuran

d)

Memasukkan teks

7.

Tag yang digunakan untuk menggabungkan beberapa kolom menjadi satu adalah...

a)

<tr>

b)

<td>

c)

<colspan>

d)

<rowspan>

8.

Atribut action digunakan untuk...

a)

Menentukan nama form

b)

Menentukan metode pengiriman yang dipakai

c)

Menentukan alamat halaman web yang akan memproses masukan dari form

d)

Menerima masukan berupa pilihan

9.

Data yang penting seperti password sebaiknya ketika submit form menggunakan atribut method dengan nilai...

a)

get

b)

post

c)

password

d)

accept

10.

Memberikan tampilan awal video sebelum diklik play pada halaman HTML dapat menggunakan atribut...

a)

image

b)

cover

c)

src

d)

poster

11.

Atribut input file pada HTML yang digunakan untuk membatasi jenis file yang diunggah adalah...

a)

accept

b)

size

c)

format file

d)

maxlength

12.

Tag yang digunakan untuk memberikan masukan yang telah tersedia nilainya dan user hanyak dapat memilih dari nilai yang ada adalah...

a)

post

b)

get

c)

select

d)

button

13.

Komponen yang membentuk dokumen HTML, Kecuali...

a)

<html>

b)

<head>

c)

<table>

d)

<body>

14.

Memanjangkan kolom menjadi 3, menggunakan perintah...

a)

<table border ="3">

b)

<column="3">

c)

<colspan="3">

d)

<rowspan="3">

15.

Tag <img src=" .... .jpg"> digunakan untuk ...

a)

Mengubah Gambar

b)

Mengatur Gambar

c)

Menghapus Gambar

d)

Menampilkan Gambar

16.

Notepad++, textwrangler, sublime text 3 and Microsoft Visual Studio adalah...

a)

Editor

b)

Program Validasi

c)

Engine Browser

d)

Desain Program

17.

Pada bagian apa tag <link> CSS Eksternal digunakan..?

a)

Doctype Declaration

b)

<head>

c)

<body>

d)

Semua Jawaban Salah

18.

HTML adalah singkatan dari....

a)

Hypertext Mark Liquid

b)

Hypertext March Liquid

c)

Hypertext Markup Laguage

d)

Hyperlink Mark Laguage

19.

<p align="center">Ini Contoh Paragraf</p>. align="center" adalah...

a)

Tag HTML

b)

Atribut HTML

c)

Element HTML

d)

file HTML

20.

Dalam pemrograman tahapan menterjemahkan ke bahasa komputer disebut

a)

proses informasi

b)

proses translasi

c)

proses debug

d)

compile

21.

Proses identifikasi penyebab kesalahan dan memperbaikinya disebut

a)

Testing

b)

security

c)

debugging

d)

controlling

22.

Tag html yang digunakan untuk membuat link seperti gambar adalah...

a)

<a href="about.html">About us</a>

b)

<a href="about.html">silahkan buka:</a>

c)

<a link="about.html">About us</a>

d)

<a href="about.html">silahkan buka</href>

23.

Atribut tabel yang berfungsi untuk mengatur ketebalan garis pada tabel adalah...

a)

Border

b)

Cellspacing

c)

Cellpadding

d)

Rowspan

24.

Komponen input Form yang ditunjukkan gambar disebut...

a)

input text

b)

reset

c)

submit

d)

checkbox

25.

Komponen form pada gambar dibawah disebut...

a)

input text

b)

input Radio

c)

Text Area

d)

Input Texbox

26.

Selector ID dilambangkan dengan simbol :

a)

#

b)

 .

c)

/

d)

*

e)

$

27.

Perintah untuk membuat text berjalan dalam HTML adalah...

a)

<br>

b)

<marq>

c)

<marquee>

d)

<&nbsp>

28.

Pada CSS, untuk mengatur jenis tulisan menggunakan property…

a)

Font-number

b)

Font-family

c)

Font-size

d)

Font-style

29.

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;

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.

CSS merupakan singkatan dari ....

a)

Cascading Style Sheet

b)

Cascading Sheet Style

c)

Conversion Sheet Style

d)

Condision Style Sheet

37.

Sintaks CSS yang paling tepat untuk merubah semua elemen

menjadi bold adalah :

a)

p {font-weight:bold}

b)

.p {text-size:bold}

c)

all.p {text-size:bold}

d)

#p {text-size:bold}

38.

Manakah sintaks CSS yang benar?

a)

body:color=black;

b)

{body:color=black;}

c)

{body;color:black;}

d)

body {color:black;}

39.

Penulisan selektor yang benar jika elemen yang akan di beri format adalah id="menu"....

a)

.menu

b)

#menu

c)

*menu

d)

menu

40.

Perhatikan script CSS dibawah ini:

p {color:red;}

Yang disebut selector adalah...

a)

p

b)

color

c)

red

d)

color:red

41.

Perhatikan script CSS dibawah ini:

p {color:red;}

Yang disebut property adalah...

a)

p

b)

color

c)

red

d)

color:red

42.

Perhatikan script CSS dibawah ini:

p {color:red;}

Yang disebut value adalah...

a)

p

b)

color

c)

red

d)

color:red

43.

CSS merupakan suatu dokumen website yang bertujuan untuk...

a)

Mengatur bahasa pemrograman

b)

Mengatur gaya tampilan pada website

c)

Mengatur cahaya tampilan web

d)

Menggabungkan antara bagian presentasi dan isi web yang dibuat

44.

Bagian utama CSS terdiri dari tiga bagian yaitu...

a)

Selector, property dan value

b)

Selector, formula dan property

c)

Selector, sum dan value

d)

Formula, property dan value

45.

Format penilisan sintaks CSS yang benar adalah...

a)

Selector {Property: value;}

b)

Property {Selector: value;}

c)

Value {Property: selector;}

d)

Selector {value: property;}

46.

Selector CLASS dilambangkan dengan simbol...

a)

# (pagar)

b)

. (titik)

c)

* (bintang)

d)

/ (garis miring)

47.

Property style CSS yang memberikan efek melingkar di sudut-sudut antar garis pada tabel adalah ....

a)

Border

b)

Border-spacing

c)

Border-collapse

d)

Border-radius

48.

Property style CSS yang berfungsi untuk menambahkan jarak antar garis kolom adalah ....

a)

Border

b)

Border-spacing

c)

Border-collapse

d)

Border-radius

49.

Suatu bagian yang berfungsi sebagai input atau masukan dari pengguna yang kemudian akan diproses atau diolah untuk dapat digunakan sesuai dengan kebutuhan adalah pengertian dari ....

a)

Tabel

b)

Form

c)

CSS

d)

HTML

50.

Type elemen input yang mirip dengan input type text, namun memiliki kelebihan untuk menampung beberapa baris adalah ....

a)

Text

b)

Textarea

c)

Password

d)

Checkbox