Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML & Bootstrap

Total questions: 60

Worksheet time: 31mins

Name
Class
Date
1.

Tiga Struktur dasar Tag HTML yaitu…

a)

title – head – body

b)

html – head – title

c)

html – head– body

d)

html – title – table

2.

Manakah pada pilihan dibawah ini yang merupakan mahasa Markup…

a)

PHP

b)

JavaScript

c)

HTML

d)

Python

3.

Dalam HTML tang <p> digunakan untuk...

a)

Membuat komentar

b)

Membuat paragraf

c)

Membuat header

d)

Membuat footer

4.

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

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>

6.

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

7.

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

8.

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

a)

<h4>

b)

semua benar

c)

<h5>

d)

<h7>

9.

     <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”>

10.

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

11.

Apa fungsi atribut “align” dalam HTML?

a)

Mengatur panjang garis

b)

Tebal garis

c)

Perataan text

d)

mengatur warna

e)

mengatur lebar

12.

Untuk membangun halaman HTML sederhana, Anda dapat menggunakan ...

a)

Excel

b)

Frame

c)

Winamp

d)

Notepad

e)

Messenger

13.

Arti dari tag <BR> adalah...

a)

Membuat halaman

b)

Memberi warna

c)

Mambuat halaman baru

d)

Ganti baris

e)

Membuat garis

14.

Profesi dalam pengembangan web, kecuali..

a)

Web Developer

b)

Web Programer

c)

Web Designer

d)

Web Administrator

e)

Web Browser

15.

Tag <> HTML yang digunakan untukmenandai sebuah paragraf dari dokumen HTML yang dibuat adalah ...

a)

paragraf

b)

paragraph

c)

p

d)

prg

e)

pf

16.

Tag <> heading yang terkecil dalam HTMLadalah ...

a)

h1

b)

h2

c)

h3

d)

h5

e)

h6

17.

Ciri utama dari html adalah ....

a)

Adanya Tag dan Body

b)

Adanya Tag dan Head

c)

Adanya Tag dan Elemen

d)

Adanya Body dan Head

e)

Adanya Head dan Elemen

18.

Dalam Pembuatan HTML, Kita mengenal script yang digunakan, script <body> menunjukkan:

a)

Kepala dari HTML

b)

Kaki dari HTML

c)

Badan dari HTML

d)

Header and Footer dari HTML

e)

Table dari HTML

19.

Fungsi <hr> adalah...

a)

Garis Pemisah antar paragraph

b)

Baris Baru

c)

Garis Pemutus

d)

Garis pemisah antar text

e)

Garis Pemotong

20.

Manakah class yang dapat memberikan jarak kanan dan kiri agar tampilan lebih menjorok kedalam ?

a)

.container

b)

.container-fluid

c)

container-fixed

d)

container-moved

21.

Pada bootstrap saat menggunakan class row ukuran col yang dapat digunakan maksimal ada berapa kolom ?

a)

8

b)

6

c)

24

d)

12

22.

Manakah di bawah ini yang bukan komponen bootstrap ?

a)

Card

b)

Emojis

c)

Buttons

d)

Tables

23.

Manakan class yang digunakan untuk menampilan warna hijau?

a)
success
b)
green
c)
good
d)
valid
24.

File endpoint pertama dalam project bootstrap adalah

a)

index.html

b)

login.html

c)

exit.html

d)

beranda.html

25.

Fitur yang menyediakan kodingan awalan pada bootstrap adalah....

a)

starter template

b)

starter pack

c)

griding layouting

d)

utilities

26.

Fitur yang berfungsi untuk mengatur ukuran dan kerapihan layout pada halaman adalah

a)

utilities

b)

Content

c)

Griding Layouting

d)

Starter Template

27.

Fitur yang memberikan navigasi pada bootstrap adalah

a)

Card

b)

Form

c)

Navbar

d)

Footer

28.

Untuk memilih type text pada bootstrap adalah....

a)

typhography

b)

utility

c)

content

d)

griding

29.

yang tidak termasuk coloring pada bootstrap adalah

a)

info

b)

success

c)

warning

d)

lock

30.

Untuk mengganti judul yang ada di tab browser, kita perlu menambahkan elemen di dalam head, apa itu ...

a)

<title></title>

b)

<p></p>

c)

<body></body>

d)

<div></div>

31.

Tag yang digunakan untuk membuat link adalah?

a)

a

b)

href

c)

div

d)

nav

32.

Untuk menampilkan gambar di html, tag yang benar di bawah ini adalah ...

a)

<link src="img_girl.jpg" .....

b)

<img href="img_girl.jpg" .....

c)

<img file="img_girl.jpg" .....

d)

<img src="img_girl.jpg" .....

33.

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

a)

Teks Editor

b)

Program Validasi

c)

Engine Browser

d)

Desain Program

34.

ekstensi website yang berfungsi untuk edukasi adalah

a)

sch

b)

biz

c)

com

d)

edu

35.

ekstensi domain yang berfungsi untuk pemerintahan adalah

a)

com

b)

gov

c)

id

d)

edu

36.

di bawah ini yang merupakan ciri website dinamic adalah

a)

menggunakan bahasa html, css, java, php

b)

menggunakan bahasa html dan css

c)

ukuran website lebih kecil

d)

pengunjung hanya bisa menikmati konten

37.

di bawah ini yang merupakan ciri website static adalah

a)

ukuran website relatif besar

b)

menggunakan database

c)

tidak menggunakan database

d)

isi konten dapat diubah-ubah oleh pengunjung halaman

38.

sistem yang memudahkan kita dalam mengakses website dengan sebuah nama, sehingga tidak perlu memasukan IP address disebut

a)

NMS

b)

CMS

c)

DNS

d)

PNS

39.

Tempat untuk menyimpan file yang digunakan pada website disebut

a)

Hosting

b)

Cloud drive

c)

Domain

d)

Web hosting

40.

Proses langkah pembuatan aplikasi berbasis web yang dilalui dengan tahap teknologi jaringan, internet dan bahasa pemrograman adalah...

a)

Web desain

b)

Algoritma pemrograman

c)

Pemrograman mobile

d)

Pemrograman web

e)

Pemrograman c++

41.

Berikut ini yang bukan merupakan manfaat yang diberikan website dalam kehidupan sehari-hari yaitu …

a)

Media interaksi

b)

Media untuk terkenal

c)

Media elektronik

d)

Media promosi

e)

Informasi terlengkap

42.

Profesi dalam pengembangan web, kecuali...

a)

Web Designer

b)

Web Browser

c)

Web Developer

d)

Web Administrator

e)

Web Programer

43.

Yang dimaksud dengan halaman Web adalah...

a)

Halaman elektronik yang dibuka dengan web browser

b)

Digital online yang terhubung dengan internet

c)

Halaman digital yang berisi berbagai jenis data dan gambar

d)

Halaman online yang bisa didownload

e)

Halaman digital yang dibuka dengan web browser

44.

Kepanjangan WWW adalah...

a)

Wide World Web

b)

Web World Wide

c)

World Wide Web

d)

Wega Windy Wolf

e)

Web Wide World

45.

Bahasa yang digunakan untuk menerjemahkan setiap perintah dalam website pada saat diakses adalah ….

a)

Web hosting

b)

Hyperlink

c)

Domain

d)

Bahasa program

e)

Website

46.

Sebuah halaman web/blog bisa diisi dengan tulisan, gambar,animasi dan video. Tapi semua itu dalam dunia web/blog disebut dengan istilah...

a)

Link

b)

CSS

c)

Konten

d)

HTML

e)

Script

47.

Bahasa pemrograman standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser).Bahasa pemrograman yang dimaksud disebut …a. b. c. d. e.

a)

HTML

b)

Web

c)

Program

d)

WWW

e)

INTERNET

48.

Nama lain dari "Search Engine" adalah ...

a)

Kode Eksekusi

b)

Pencari Klien

c)

Pemecah file

d)

Mesin Ketik

e)

Mesin Pencari

49.

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

50.

Untuk mengakses laman situs dibutuhkan web browser yang berguna sebagai ...

a)

mesin pencari

b)

internet

c)

pemblokiran iklan

d)

sosial media

51.

Chrome merupakan Web browser milik ...

a)

Google

b)

Opera turbo

c)

Windows 10

d)

Pencarian

52.

Microsoft Edge merupakan web browser yang terintegrasi dengan ...

a)

Google

b)

Opera Turbo

c)

Windows 10

d)

Pencarian

53.

Web browser yang khusus untuk Apple adalah ...

a)

Apple Inc

b)

Safari

c)

Chrome

d)

Opera

54.

Fitur yang ada pada web browser yang digunakan untuk mengetikkan nama situs yang dicari dikenal dengan nama….

a)

Home

b)

Address bar

c)

Stop

d)

Reload

55.

Jika Kita Ingin Mengirim data ke sebuah web server maka tindakan kita dinamakan ...

a)

upload

b)

download

c)

server

d)

browser

56.
Hasil permintaan HTTP/HTTPS dari client dan mengirimkan kembali dalam bentuk halaman-halaman website dalam format …
a)
PHP
b)
TXT
c)
DJVU
d)
HTML
e)
PDF
57.

Dalam Framework Bootstrap 4.0 untuk pemberian warna abu-abu pada text menggunakan...

a)

.text-primary

b)

.text-secondary

c)

.text-success

d)

.text-warning

58.

Orang yang berurusan dengan tampilan dari sebuah website

a)

web desainer

b)

web programmer

c)

web administrator

d)

web developer

59.

Orang yang bertugas dalam melakukan coding sebuah website

a)

web desainer

b)

web programmer

c)

web administrator

d)

web developer

60.

Orang yang menciptakan aplikasi berbasis web dengan mengunakan bahasa pemrograman

a)

web administrator

b)

web desainer

c)

web programmer

d)

web developer