wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

HTML

Total questions: 45

Worksheet time: 19mins

Name
Class
Date
1.

Siapakah ilmuwan komputer yang pertama kali mengembangkan HTML pada tahun 1989?

a)

Tim Berners-Lee

b)

Bill Gates

c)

Mark Zuckerberg

d)

Larry Page

2.

Versi HTML pertama, HTML 1.0, diterbitkan pada tahun berapa?

a)

1993

b)

1995

c)

1999

d)

1997

3.

Versi HTML pertama yang disetujui oleh World Wide Web Consortium (W3C) sebagai standar web adalah?

a)

HTML 1.0

b)

HTML 2.0

c)

HTML 4

d)

HTML 3.2

4.

Versi terbaru HTML yang diterbitkan pada tahun 2014 adalah?

a)

HTML5

b)

HTML 3.2

c)

HTML 2.0

d)

HTML 1.0

5.

Apa yang dimaksud dengan HTML?

a)

Home Tool Management Language

b)

Hyperlink Text Management

c)

High Tech Machine Learning

d)

Hypertext Markup Language

6.

Apa yang dimaksud dengan elemen HTML?

a)

Penyusun dari sebuah halaman web

b)

Bahasa standar untuk pembuatan halaman web

c)

Elemen induk atau elemen utama dari halaman HTML

d)

Struktur dasar dari sebuah bangunan

7.

Apa yang dimaksud dengan nested element dalam HTML?

a)

Elemen yang memiliki tag pembuka dalam HTML

b)

Elemen yang memiliki tag penutup dalam HTML

c)

Elemen yang memiliki banyak atribut dalam HTML

d)

Cara menambahkan elemen dalam elemen di dalam HTML

8.

Apa yang dimaksud dengan headings dalam HTML?

a)

Elemen untuk membuat baris baru

b)

Elemen untuk membuat tampilan paragraf

c)

Elemen untuk membuat list yang berurut

d)

Elemen untuk membuat judul atau subjudul

9.

Apa yang dimaksud dengan paragraf dalam HTML?

a)

Elemen untuk membuat tampilan paragraf

b)

Elemen untuk membuat list yang berurut

c)

Elemen untuk membuat judul atau subjudul

d)

Elemen untuk membuat baris baru

10.

Apa yang dimaksud dengan line breaks dalam HTML?

a)

Elemen untuk membuat baris baru

b)

Elemen untuk membuat tampilan paragraf

c)

Elemen untuk membuat list yang berurut

d)

Elemen untuk membuat judul atau subjudul

11.

Apa yang dimaksud dengan label dalam HTML?

a)

Elemen untuk membuat list yang berurut

b)

Elemen untuk membuat judul atau subjudul

c)

Elemen untuk memberikan keterangan pada item dalam tampilan web

d)

Elemen untuk membuat tampilan paragraf

12.

Apa yang dimaksud dengan input type dalam HTML?

a)

Elemen untuk membuat inputan

b)

Elemen untuk membuat judul atau subjudul

c)

Elemen untuk membuat list yang berurut

d)

Elemen untuk membuat tampilan paragraf

13.

Berdasarkan Gambar tersebut Script ditulis dengan HTML Versi

a)

HTML 1.0

b)

HTML 2.0

c)

HTML 4.0

d)

HTML 5.0

14.

Berdasarkan gambar berikut jika kita ingin menuliskan senuah paragraf yang dilihat oleh user, maka diletakan pada bagian

a)

element

b)

attribute

c)

content

d)

tag

15.

berdasarkan gambar script tersebut menunjukan sebuah istilah yang dinamakan

a)

Nested Element

b)

Nesting Element

c)

Nest Element

d)

Nested Elment

16.

ini merupakan pengertian dari nested element yang benar

a)

cara kita memasukan element di dalam body HTML

b)

cara kita memasukan element di dalam element didalam

HTML

c)

cara kita memasukan element di dalam head

HTML

d)

cara kita memasukan ul dan ul dalam element didalam

HTML

17.

Kode disamping menunjukan

a)

Ukuran Huruf yang tampil di browser

b)

Jenis Huruf yang tampil di browser

c)

NamaHuruf yang tampil di browser

d)

Huruf yang tampil di browser

18.

gambar disamping adalah salah fungsi satu tag untuk menambah baris baru bernama

a)

line break

b)

hr

c)

br

d)

p

19.

pengertian dari fungsi script <label></label> disamping adalah

a)

tag

awalan yang mewakili keterangan untuk item dalam tampilan web biasanya digunakan jika

kita ingin membuat text sebelum inputan

b)

semua jawaban benar karena saya malas membaca padahal saya tahu kalau memilih ini salah

c)

tag

pembuka yang mewakili keterangan untuk item dalam tampilan web biasanya digunakan jika

kita ingin mmebuat text sebelum inputan

d)

tag

penutup yang mewakili keterangan untuk item dalam tampilan web biasanya digunakan jika

kita ingin membuat text sebelum inputan

20.

<ol>

<li>Ardi</li>

<li>Budi</li>

<li>Cantika</li>

</ol>

adalah salah satu contoh dalam penggunaan

a)

label

b)

form

c)

list

d)

heading

21.

untuk mengakses website google saya menggunakan script

a)

<p>your style</p>

b)

<h1>Hello World</h1>

c)

<a href="google.com">google</a>

d)

<ul><li>list</li></ul>

22.

untuk membuat tampilan disamping code yang digunakan adalah

a)

<label for="password">Password</label><br>

<input type="password" id="password" name="password"><br>

b)

<label for="age">Age</label><br>

<input type="number" id="age" name="age"><br>

c)

<label for="fname">First name:</label><br>

<input type="text" id="fname" name="fname"><br>

d)

<label for="gender">Gender</label><br>

<input type="radio" id="gender" value="1" name="gender">

Male<br>

<input type="radio" id="gender" value="2" name="gender">

Female<br>

23.

untuk membuat tampilan disamping menggunakan code

a)

<label for="age">Age</label><br>

<input type="number" id="age" name="age"><br>

b)

<label for="fname">First name:</label><br>

<input type="text" id="fname" name="fname"><br>

c)

<label for="password">Password</label><br>

<input type="password" id="password" name="password"><br>

d)

<label for="gender">Gender</label><br>

<input type="radio" id="gender" value="1" name="gender">

Male<br>

<input type="radio" id="gender" value="2" name="gender">

Female<br>

24.

untuk membuat tampilan disamping menggunakan code

a)

<label for="age">Age</label><br>

<input type="number" id="age" name="age"><br>

b)

<label for="fname">First name:</label><br>

<input type="text" id="fname" name="fname"><br>

c)

<label for="password">Password</label><br>

<input type="password" id="password" name="password"><br>

d)

<label for="gender">Gender</label><br>

<input type="radio" id="gender" value="1" name="gender">

Male<br>

<input type="radio" id="gender" value="2" name="gender">

Female<br>

25.

untuk membuat tampilan disamping menggunakan code

a)

<label for="fname">First name:</label><br>

<input type="text" id="fname" name="fname"><br>

b)

<label for="age">Age</label><br>

<input type="number" id="age" name="age"><br>

c)

<label for="password">Password</label><br>

<input type="password" id="password" name="password"><br>

d)

<label for="gender">Gender</label><br>

<input type="radio" id="gender" value="1" name="gender">

Male<br>

<input type="radio" id="gender" value="2" name="gender">

Female<br>

26.

untuk membuat tampilan disamping kita menggunakan code

a)

<label for="fname">First name:</label><br>

<input type="text" id="fname" name="fname" value="Rezky"><br>

b)

<form action="/action_page.php">

<label for="fname">First name:</label><br>

<input type="text" id="fname" name="fname" value="John"><br>

<input type="submit" value="Submit">

</form>

c)

<label for="gender">Gender</label><br>

<input type="radio" id="gender" value="1" name="gender">

Male<br>

<input type="radio" id="gender" value="2" name="gender">

Female<br>

d)

<label for="skill">Skill</label><br>

<input type="checkbox" id="skill" value="1" name="skill">

Laravel<br>

<input type="checkbox" id="skill" value="2" name="skill">

VueJS<br>

<input type="checkbox" id="skill" value="3" name="skill">

ReactJs<br>

27.

jika kita ingin membuat tampilan disamping maka menggunakan code

a)

<label for="fname">First name:</label><br>

<input type="text" id="fname" name="fname"

placeholder="masukan nama depan"><br>

b)

<label for="cars">Mobil</label> <br>

<select name="cars" id="cars">

<option value="1">Volvo</option>

<option value="2">Saab</option>

<option value="3">Opel</option>

<option value="4">Audi</option>

</select>

c)

<label for="address">Address</label> <br>

<textarea id="address" name="address" rows="10"

cols="50"></textarea>

d)

<form action="form.html">

<label for="fname">First name:</label><br>

<input type="text" id="fname" name="halo" required><br><br>

<input type="submit" value="send">

</form>

28.

<form action="form.html">

<label for="fname">First name:</label><br>

<input type="text" id="fname" name="fname" value="John"><br>

<label for="lname">Last name:</label><br>

<input type="text" id="lname" name="lname" value="Doe"><br><br>

<input type="submit" value="Submit">

</form>

Dari kode diatas maka akan menghasilkan tampilan

a)

b)

c)

d)

29.

untuk menampilkan tampilan disamping menggunakan code

a)

<label for="fname">First name:</label><br>

<input type="text" id="fname" name="fname" value="Rezky"><br>

b)

<label for="fname">First name:</label><br>

<input type="text" id="fname" name="fname" value="Rezky"

disabled><br>

c)

<form action="form.html">

<label for="fname">First name:</label><br>

<input type="text" id="fname" name="halo" required><br><br>

<input type="submit" value="send">

</form>

d)

<label for="fname">First name:</label><br>

<input type="text" id="fname" name="fname"

placeholder="masukan nama depan"><br>

30.

berdasarkan form tersebut apabila kolom kedua diganti dengan password, maka attribut method yang cocok adalah

a)

GET

b)

POST

c)

REQUEST

d)

PUT

31.

berikut adalah penjelasan yang benar terkait dengan tag <tr>

a)

membungkus tabelnya

b)

untuk membungkus bagian body dari tabel

c)

untuk membuat baris

d)

membuat judul pada header

32.

Berikut adalah pernyataan yang benar terkait <td>

a)

untuk membuat sel

b)

membungkus bagian body dari tabel

c)

untuk membuat baris

d)

untuk membuat judul pada header

33.

Berikut adalah pernyataan yang benar terkait dengan tag <th>

a)

membungkus bagian kepala tabel

b)

membungkus bagian body dari tabel

c)

membuat sel

d)

untuk membuat judul pada header

34.

Berdasarkan Code disamping maka tampilan yang tepat adalah

a)

b)

c)

d)

35.

berdasarkan gambar disamping kode yang tepat adalah

a)

<tr> <th rowspan="2" bgcolor="yellow">Bulan</th> <th colspan="2" bgcolor="#00ff80">Hasil Panen</th> </tr>

b)

<tr> <td>Januari</td> <td>500 Kg</td> <td>231 Kg</td> </tr>

c)

<html> <head> <title>Belajar Membuat Tabel HTML</title> </head> <body>

d)

<tr> <td>April</td> <td>453 Kg</td> <td>523 Kg</td> </tr>

36.

Berdasarkan gambar di samping kode yang tepat adalah

a)

<table border="1" cellpadding="10"> <tr> <td bgcolor="yellow">Baris 1 kolom 1</td> <td>baris 1 kolom 2</td> </tr> <tr bgcolor="#00ff80"> <td>Baris 2 kolom 1</td> <td>baris 2 kolom 2</td> </tr> </table>

b)

<table border="1"> <tr> <th rowspan="2" bgcolor="yellow">Bulan</th> <th colspan="2" bgcolor="#00ff80">Hasil Panen</th> </tr> <tr> <th>Padi</th> <th>Kacang</th> </tr>

c)

<table border="1"> <tr> <th colspan="3" bgcolor="yellow">Produk Unggulan</th> </tr> <tr> <td rowspan="4"> <img src="https://www.petanikode.com/img/bibit.png" width="200" /> </td> </tr>

d)

<table border="1" cellpadding="10"> <tr> <td>Baris 1 kolom 1</td> <td>baris 1 kolom 2</td> </tr> <tr> <td>Baris 2 kolom 1</td> <td>baris 2 kolom 2</td> </tr> </table>

37.

untuk menampilkan gambar disamping menggunakan code

a)

b)

c)

d)

38.

perhatikan kode disamping code tersebut digunakan untuk

a)

VIDEO

b)

TABLE

c)

AUDIO

d)

LINK

39.

dari link disamping script tersebut digunakan untuk

a)

menampilkan table

b)

menampilkan icon

c)

menampilkan gambar

d)

menampilkan link

40.

syntax berikut digunakan untuk

a)

table

b)

menu

c)

section

d)

button

41.

dalam HTML semantik bagian yang dilingkari sebaiknya menggunakan tag

a)

<header>

b)

<footer>

c)

<p>

d)

<article>

42.

dalam elemen semantik bagian yang dilingkari sebaiknya menggunakan tag

a)

<nav>

b)

<section>

c)

<p>

d)

<article>

43.

berikut adalah pernyataan yang benar dari tag <title> dan tag <summary>

a)

Tag <detail> akan berisi semua data tag <summary> akan menjadi informasi

b)

Tag <detail> akan berisi sebagian konten, lalu tag <summary> akan menjadi tombol yang bisa diklik untuk menampikan sebagian detail isinya.

c)

Tag <detail> akan berisi semua detail konten, lalu tag <summary> akan menjadi tombol yang bisa diklik untuk menampikan detail isinya.

d)

Tag <detail> akan berisi semua detail konten, lalu tag <summary> akan menjadi tombol saja

44.

tag semantik yang tepat untuk menampilkan tampilan berikut adalah

a)

<time>

b)

<section>

c)

<aside>

d)

<footer>

45.

jika data yang dikirim tampil di bagian yang di lingkari berarti cirinya dia menggunakan method

a)

SWING

b)

GET

c)

POST

d)

HOOK