wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

dasar dasar html

Total questions: 100

Worksheet time: 50mins

Name
Class
Date
1.

HTML adalah...

a)

Hypertext Markup Language

b)

Bahasa yang dapat dibaca oleh browser

c)

Dokumen yang digunakan di internet

d)

File yang pada umumnya berekstensi .htm atau .html

2.

https://www.smpn1barat.sch.id


dari URL tersebut, manakah yang termasuk protokol...

a)

https

b)

www

c)

smpn1barat

d)

sch.id

3.

https://www.smpn1barat.sch.id


dari URL tersebut, manakah yang termasuk domain?

a)

https

b)

www

c)

smpn1barat

d)

sch.id

4.

search engine Untuk mencari informasi di internet dapat menggunakan...

a)

Opera

b)

Google

c)

Chrome

d)

Firefox

5.

Aplikasi yang digunakan untuk membuka informasi di internet adalah...

a)

google

b)

yahoo

c)

bing

d)

chrome

6.

Document HTML dibagi menjadi tiga bagian utama, yaitu:

a)

html, br, body

b)

html, title, body

c)

html, head, body

d)

html, body, content

7.

tag HTML yang digunakan untuk mengawali dokumen html adalah...

a)

<html>

b)

<head>

c)

<title>

d)

<body>

8.

tag HTML yang digunakan untuk menampilkan sesuai dengan gambar yang di lingkari adalah...

a)

<html>

b)

<head>

c)

<title>

d)

<body>

9.

tag HTML yang digunakan untuk berpindah baris adalah...

a)

<body>

b)

<title>

c)

<head>

d)

<br>

10.

tag HTML <!--.... --> digunakan untuk ...

a)

memberikan peringatan

b)

penanda kode - kode penting

c)

memberikan komentar

d)

memberikan warna hijau

11.

maksud dari tag HTML </body> adalah ...

a)

untuk menampilkan isi dokumen html

b)

mengakhiri barisan kode yang berada dalam tag <body>

c)

Untuk menampilkan text, imagelink dan semua yang akan di tampilkan pada webpage

d)

tag html yang terletak setelah nya tag <head>

12.

Untuk memberikan judul diatas dapat menggunakan tag HTML ...

a)

<body align="center">

b)

<p align="center">

c)

<h1 align="center">

d)

<br>

13.

Untuk memulai penulisan teks paragraf dapat menggunakan tag HTML ...

a)

<body align="center">

b)

<p align="center">

c)

<h1 align="center">

d)

<br>

14.

Menampilkan Garis panjang setelahnya judul seperti pada gambar dapat menggunakan tag HTML ...

a)

<body align="center">

b)

<p align="center">

c)

<h1 align="center">

d)

<hr size="10" noshade>

15.

tag yang digunakan untuk mengelompokkan beberapa element html menjadi satu, seperti contoh pada gambar kelompok warna merah dan biru, dapat menggunakan tag...

a)

<body>

b)

<color>

c)

<div>

d)

<html>

16.

Ciri khas penulisan tag HTML yang tidak sesuai adalah...

a)

menggunakan kurung siku

b)

menggunakan huruf besar

c)

memiliki awalan dan akhiran

d)

tersusun atas HTML, HEAD, dan BODY

17.

Gaya penulisan judul pada tag <h> memiliki berapa level?

a)

10

b)

8

c)

6

d)

4

18.

Pengaturan tag <div> seperti warna dapat di atur pada...

a)

tag <style>

b)

tag <color>

c)

tag <body>

d)

tag <head>

19.

Semakin tinggi level tag <h> maka tampilan teks judul semakin...

a)

Tebal

b)

Kecil

c)

Besar

d)

Jelas

20.

Pernyataan berikut ini yang benar adalah...

a)

Chrome adalah browser, Google adalah search engine

b)

HTML dibaca oleh browser, HTML dibuat dengan Editor

c)

HTML dibaca oleh firefox, HTML dibuat dengan notepad++

d)

Tag <HR NOSHADE> menampilkan efek bayangan, tag <br> untuk berpindah paragraf baru

21.

HTML kepanjangan dari ....

a)

HyperText Manipulation Language

b)

HyperText Markup Language

c)

HyperText Makup Language

d)

HyperText Machine Language

e)

HyperTeks Markup Language

22.

Untuk memulai membuat halaman HTML mencakup semua konten dan elemen menggunakan tag.....

a)

<head>

b)

<html>

c)

<title>

d)

<p>

e)

<body>

23.

Tag <p> berfungsi untuk...

a)

membuat judul

b)

membuat daftar

c)

membuat paragraf

d)

membuat tabel

e)

membuat spasi

24.

Perintah untuk membuat garis bawah pada tulisan adalah....

a)

<b>

b)

<i>

c)

<a>

d)

<u>

e)

<ul>

25.

File HTML harus berekstensi......

a)

.js

b)

html

c)

.css

d)

.html

e)

.php

26.

 

Judul Dokumen HTML terletak di antara kode …

a)

<body>

b)

<title>

c)

<bgcolor>

d)

<font>

e)

<html>

27.

gambar di samping adalah logo dari?

a)

Sublime Text

b)

Atom

c)

Visual Studio Code

d)

Sublime Code

e)

notepad

28.

Penempatan tag judul halaman yang tepat pada dokumen html adalah …

a)

di antara tag head

b)

sesudah body, sebelum head

c)

di antara tag body

d)

sebelum body, sesudah head

29.

Cara membuat daftar bernomor adalah dengan menggunakan …

a)

tag <ol> dan <li>

b)

tag <ul> dan <li>

c)

tag <ol> dan <ul>

d)

tag <ol> dan <hr>

e)

tag <ul> dan <u>

30.

Versi HTML terbaru saat ini adalah HTML?

a)

HTML5

b)

HTML4

c)

HTML6

d)

HTML3

e)

HTML7

31.

Silahkan gambar perasaanmu hari ini setelah belajar hari ini

32.

Tools utama yang digunakan untuk menampilkan halaman web (homepage)

a)

HTML

b)

CSS

c)

Web Browser

d)

PC

33.

Kepanjangan HTML ...

a)

HyperText Markup Language

b)

HyperText Mark Language

c)

HyperText Markup Long

d)

Hyper Test Markup Language

34.

Kepanjangan CSS

a)

Cascading Style Show

b)

Cascading Style Shoot

c)

Cost Style Sheet

d)

Cascading Style Sheet

35.

Yang merupakan Text Editor ...

a)

Notepad++

b)

Canva

c)

Firefox

d)

AdobeXD

36.

Fungsi Text Editor ...

a)

Menuliskan Kode Program

b)

Meng Copy Kode Program

c)

Membuat Audio

d)

Semua Benar

37.

Versi HTML terbaru

a)

HTML1

b)

HTML5

c)

HTML2

d)

HTML6

38.

Kepanjangan WWW ...

a)

Warnet World Web

b)

Wide World Web

c)

World Wide War

d)

World Wide Web

39.

Bahasa dasar yang berguna untuk menampilkan halaman web pada internet browser ..

a)

HTML

b)

CSS

c)

Java

d)

PHP

40.

Berikut merupakan bagian penting dari HTML, kecuali ...

a)

elemen

b)

content

c)

tag

d)

input

41.

Bagian dalam penggalan kode berikut yang disebut sebagai tag penutup adalah ....
<p>mati satu tumbuh seribu</p>

a)

<p>

b)

<p>mati satu tumbuh seribu</p>

c)

mati satu tumbuh seribu

d)

</p>

42.

Bagian dalam penggalan kode berikut yang disebut sebagai content adalah ...
<strong>rajin pangkal pandai</strong>

a)

<strong>

b)

<strong>rajin pangkal pandai</strong>

c)

rajin pangkal pandai

d)

</strong>

43.

Elemen <ol> mempunyai fungsi menghasilkan ....

a)

daftar terurut

b)

daftar tidak terurut

c)

tulisan cetak tebal

d)

tulisan bercetak miring

44.

Untuk membuat tabel menggunakan tag ...

a)

<tab>

b)

<table>

c)

<tb>

d)

<tr>

45.

Saat membuat tabel, tag <tr> berfungsi untuk ...

a)

Membuat baris

b)

Membuat kolom

c)

Membuat header tabel

d)

Membuat body tabel

46.

Untuk membuat komentar di HTML adalah ...

a)

dimulai dengan // diakhiri dengan *//

b)

dimulai dengan <? diakhiri dengan ?>

c)

dimulai dengan <!– diakhiri dengan –>

d)

dimulai dengan # diakhiri dengan #

47.

Untuk mendefinisikan judul menggunakan tag...

a)

<head>

b)

<body>

c)

<footer>

d)

<title>

48.

Tag html yang berfungsi untuk membuat baris baru (break atau line break) adalah ...

a)

<enter>

b)

<sub>

c)

<br>

d)

<sup>

49.

Perhatikan penggalan kode berikut.
<img src="peta.jpg" width="30px" height="200px">

yang disebut sebagai atribut dalam penggalan kode HTML di atas yaitu...

a)

width="30px" height="200px"

b)

height="200px"

c)

width="30px"

d)

img src="peta.jpg"

50.

Perhatikan hasil runout program web berikut!
Tulisan Air Tanah dan Air tanah di perkotaan menggunakan tag heading, yaitu ... dan ...

a)

<h2> dan <h3>

b)

<h1> dan <h2>

c)

<h3> dan <h4>

d)

<h4> dan <h5>

51.

Penulisan DOCTYPE yang benar dalaman HTML 5 adalah ...

a)

<html>

b)

<DOCTYPE>

c)

<!DOCTYPE HTML>

d)

<!DOCTYPE HTML5>

52.

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

a)

<body>

b)

</body>

c)

</html>

d)

<html>

53.

Manakah pada pilihan dibawah ini yang merupakan mahasa Markup…

a)

PHP

b)

JavaScript

c)

HTML

d)

Python

54.

Tiga Struktur dasar Tag HTML yaitu…

a)

title – head – body

b)

html – head – title

c)

html – head– body

d)

html – title – table

55.

Membuat text tebal pada HTML yaitu menggunakan…

a)

<b>

b)

<p>

c)

<i>

d)

<br>

56.

Perintah untuk mengganti baris pada HTML adalah...

a)

<br>

b)

<tr>

c)

<td>

d)

<li>

57.

HTML merupkan singkatan dari...

a)

Hyper Link Markup Leaguage

b)

Hyper Text Markup Laguage

c)

Hyper Test Markup Laguage

d)

Hyper Team Markup Laguage

58.

Dalam HTML tang <p> digunakan untuk...

a)

Membuat komentar

b)

Membuat paragraf

c)

Membuat header

d)

Membuat footer

59.

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)
60.

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>

61.

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

62.

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

63.

Penulisan DOCTYPE yang benar dalaman HTML 5 adalah

a)

<html>

b)

<DOCTYPE>

c)

<!DOCTYPE HTML5>

d)

<!DOCTYPE HTML>

64.

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

a)

<h4>

b)

semua benar

c)

<h5>

d)

<h7>

65.

     <h1 align=”center”>hello world</h1>cobaperhatikanelemen HTML diatas, mana yang termasukisidari tag HTML?

a)

hello word

b)

center

c)

<div>

d)

     <h1 align=”center”>

66.

Apa fungsi dari hyperlink dalam halaman web?

a)

Untuk menggabungkan 2 atau lebih kolom pada baris yang berbeda

b)

  Untuk memudahkan pengunjung web dalam menulusuri/menjelajahi seluruh isi atau informasi yang tersimpan dalam situs web bersangkutan.

c)

Mengubah tampilan halaman web

d)

Untuk menggabungkan halaman web

67.

Pilih elemen HTML yang benar untuk mendefinisikan teks yang ditekankan [emphasized text]

a)

<em>

b)

<italic>

c)

<i>

68.

Apa tag HTML yang benar untuk membuat sebuah hyperlink?

a)

<a name="http://www.w3schools.com">W3Schools.com</a>

b)

<a>http://www.w3schools.com</a>

c)

<a url="http://www.w3schools.com">W3Schools.com</a>

d)

<a href="http://www.w3schools.com">W3Schools</a>

69.

Karakter mana yang digunakan untuk menunjukkan tag akhir?

a)

<

b)

*

c)

^

d)

/

70.

Bagaimana Anda bisa membuka tautan di jendela tab / browser baru?

a)

<a href="url" target="_blank">

b)

<a href="url" target="new">

c)

<a href="url" new>

71.

Manakah dari elemen-elemen ini yang semuanya merupakan elemen <table>?

a)

<thead><body><tr>

b)

<table><tr><td>

c)

<table><tr><tt>

d)

<table><head><tfoot>

72.

Elemen sebaris biasanya ditampilkan tanpa memulai baris baru.

a)

False

b)

True

73.

Bagaimana Anda bisa membuat daftar bernomor ?

a)

<dl>

b)

<ul>

c)

<list>

d)

<ol>

74.

Bagaimana Anda bisa membuatbulleted list?

a)

<dl>

b)

<ol>

c)

<list>

d)

<ul>

75.

Apa Tag HTML yang benar untuk membuat checkbox?

a)

<check>

b)

<input type="check">

c)

<input type="checkbox">

d)

<checkbox>

76.

Apa Tag HTML yang benar untuk membuat text input field?

a)

<input type="text">

b)

<textinput type="text">

c)

<input type="textfield">

d)

<textfield>

77.

Sebuah bahasa bahasa standar pemrogaman yang digunakan untuk membuat halaman website adalah

a)

Javascript

b)

PHP

c)

Java

d)

Python

e)

HTML

78.

Kepanjangan dari HTML adalah

a)

HyperText Markup Language

b)

Hyperlink Mobile Language

c)

Hyper This Mobile Lose

d)

HyperTell Markup Language

e)

HyperText Markup Link

79.

Elemen HTML digambarkan oleh tag, ditulis menggunakan tanda

a)

Kurung Siku

b)

Kurung Kurawal

c)

Kurung Lengkung

d)

Kurung Sudut

e)

Semicolon

80.

Berikut ini yang bukan merupakan contoh web browser adalah

a)

Safari

b)

Google Chrome

c)

Netscape

d)

Google Drive

e)

Microsoft Edge

81.

Untuk memulai membuat halaman HTML yang mencakup semua konten dan elemen menggunakan tag

a)

<html>

b)

<head>

c)

<title>

d)

<body>

e)

<p>

82.

Bentuk penulisan yang benar untuk pembuatan program HTML adalah

a)

<html> … <\html>

b)

</html>… </html>

c)

</html> … <html>

d)

<html> … </html>

e)

<\html> … <\html>

83.

File HTML harus berekstensi

a)

.php

b)

.png

c)

.html

d)

.index

e)

.css

84.
  1. Tag HTML yang memiliki peran penting untuk menunjukkan bagian isi halaman web adalah?

a)
  1. Head

b)
  1. Body

c)
  1. Table

d)
  1. Row

e)
  1. Table

85.
  1. Tag <p> berfungsi untuk …

a)
  1. Membuat Title

b)
  1. Membuat Judul

c)
  1. Membuat List

d)
  1. Membuat Paragraph

e)
  1. Membuat HTML

86.
  1. Tag untuk membuat heading, kecuali

a)
  1. <h3>

b)
  1. <h4>

c)
  1. <h5>

d)
  1. <h6>

e)
  1. <h7>

87.
  1. Perintah untuk membuat garis bawah pada tulisan adalah …

a)
  1. <b>

b)
  1. <p>

c)
  1. <a>

d)
  1. <i>

e)
  1. <u>

88.
  1. Perintah untuk membuat format miring pada tulisan di html adalah …

a)
  1. <b>

b)
  1. <u>

c)
  1. <i>

d)
  1. <p>

e)
  1. <a>

89.
  1. Tag html yang fungsinya untuk menghubungkan ke internal atau eksternal pada halaman web

a)
  1. <br>

b)
  1. <marquee>

c)
  1. <a href>

d)
  1. <&bnsp>

e)
  1. <font>

90.

Tag HTML yang berfungsi untuk menggerakan objek sesuai dengan atribut yang terpasang didalamnya adalah

a)

<br>

b)

<marquee>

c)

<a href>

d)

<img>

e)

<font>

91.

Perhatikan Kode HTML Dibawah ini

<marquee direction=left behavior=slide>Tulisan Berjalan</marquee>

Hasil dari kode HTML Diatas Yaitu

a)

Tulisan Berjalan akan bergerak dari arah kanan ke kiri

b)

Tulisan Berjalan akan bergerak dari arah kiri ke kanan

c)

Tulisan Berjalan akan bergerak dari arah kiri ke kanan kemudian berhenti

d)

Tulisan Berjalan akan bergerak dari arah kanan ke kiri kemudian berhenti

e)

Tulisan Berjalan akan bergerak secara bolak-balik

92.
  1. Fungsi dari <width> dan <height> pada HTML adalah …

a)
  1. Mengatur lebar dan panjang

b)
  1. Mengatur panjang dan luas

c)
  1. Mengatur lebar dan tinggi

d)
  1. Menghapus lebar dan panjang

e)
  1. Menentukan tinggi dan luas

93.

Siapakah pencipta HTML?

a)

Bill Gates

b)

Tim Berners-Lee

c)

Steve Jobs

d)

Larry Page

e)

Dennis Ritchie

94.

Kapan pertama kali HTML diperkenalkan?

a)

1985

b)

1991

c)

1995

d)

2000

e)

2005

95.

Struktur Dasar HTML yang paling tepat adalah

a)

b)

c)

d)

96.

Perhatikan gambar!

Terlihat ada hasil kode HTML yang menampilkan tulisan "Google" dengan ketentuan

Huruf G Tebal

Huruf o miring dan garis bawah

Huruf o kecil dibawah

Huruf g berwarna merah

Huruf l kecil diatas

Huruf e berwarna biru

Bagaimana kode HTML untuk membuat tulisan seperti pada gambar

a)

b)

c)

d)

e)

97.

tag html <ol> digunakan untuk ...

a)

memulai ordered list

b)

mengakhiri ordered list

c)

menyisipkan gambar

d)

menyisipkan teks

98.

tag html yang digunakan untuk menentukan setiap list item daftar pada tabel html adalah ...

a)

<ol>

b)

</ol>

c)

<li>

d)

<img>

99.

element yang digunakan untuk memberikan inputan data adalah ...

a)

<input> element

b)

<text> element

c)

<head>

d)

<title>

100.

Berikut ini yang merupakan contoh dari tag pembuka dan tag penutup adalah...

a)

<p>....</p>

b)

<html>....<html>

c)

<title>...</tittle>

d)

<head>