wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Web Frontend(Fast Track) - Assessment

Total questions: 50

Worksheet time: 38mins

Name
Class
Date
1.

Script HTML harus disimpan kedalam sebuah file yang berekstensi . . .

a)

.html

b)

.hmm

c)

.doc

d)

.css

2.

Dalam tag <html> . . . </html>, terdapat 2 elemen utama lagi yaitu . . .

a)

head dan body

b)

head dan p

c)

head dan html

d)

body dan link

3.

Untuk dapat menampilkan judul halaman website, kita harus meletakannya di dalam tag . . .

a)

title

b)

body

c)

link

d)

script

4.

Untuk bisa melihat hasil script HTML yang sudah kita buat, maka kita harus membuka file berekstensi .html dengan aplikasi . . .

a)

web browser

b)

text editor

c)

video player

d)

photoshop

5.

Tag h1 sampai dengna h6, merupakan tag yang berfungsi untuk menampikan . . .

a)

teks judul

b)

teks biasa

c)

teks kecil

d)

teks berwarna

6.

Sebuah halaman website bisa saja mengandung paragraf di dalamnya, maka tag yang dibutuhkan untuk menampilkan paragraf adalah . . .

a)

p

b)

h1

c)

H1

d)

title

7.

Tag b yang digunakan seperti pada gambar, akan membuat teks tersebut menjadi . . .

a)

tebal

b)

miring

c)

garis bawah

d)

garis tengah

8.

bgcolor di dalam tag body merupakan sebuah . . .

a)

atribut

b)

elemen

c)

tag

d)

class

9.

bgcolor di dalam tag body akan merubah . . . pada elemen body.

a)

warna background

b)

warna text

c)

warna garis

d)

warna tulisan

10.

Dalam elemen anchor, atribut yang digunakan untuk mendekripsikan tujuan navigasi ke halaman atau ke website tertentu adalah . . .

a)

href=" "

b)

bdcolor=" "

c)

scr=" "

d)

style=" "

11.

Dalam elemen image, teks pada atribut alt akan muncul jika . . .

a)

gambar tidak ditemukan

b)

gambarnya muncul

c)

gambarnya sama

12.

Untuk membuat table di halaman website, kita harus memulai dengan tag . . .

a)
b)
c)
d)
13.

Untuk menggabungkan 2 atau lebih column, kita memerlukan artibut . . .

a)

colspan

b)

rowspan

c)

href

d)

border

14.

Untuk menggabungkan 2 atau lebih baris, kita memerlukan artibut . . .

a)

rowspan

b)

colspan

c)

href

d)

border

15.

Tag seperti pada gambar dikhususkan untuk menginput . . .

a)

teks atau string

b)

angka pecahan

c)

tanggal

d)

email

16.

Elemen berbentuk tombol yan digunakan untuk mengirim seluru inputan ke server adalah . . .

a)
b)
c)
d)
17.

Bagian pada struktur syntax css yang berfungsi untuk memilih elemen untuk diberikan style adalah . .

a)

selector

b)

declaration

c)

property

d)

value

18.

Di antara ketiga cara melakukan styling di HTML yaitu, inline CSS, internal CSS dan external CSS, manakah yang paling kuat, jika mereka mempunyai selector dan style yang sama . . .

a)

inline CSS

b)

internal CSS

c)

external CSS

d)

tidak ada

19.

Untuk melakukan styling yang ditujukan langsung kepada nama elemen HTML tertentu, kita bisa menggunakan simple selector, contonya adalah . . .

a)
b)
c)
d)
20.

Kalimat "Selamat Datang" yang diberikan style seperti pada gambar akan berubah menjadi . . .

a)

Teks bergaris bawah

b)

Teks tebal

c)

Teks kecil

d)

Teks berwarna

21.

Sebuah element HTML sebenarnya dikelilingi oleh "box model". Lapisan yang paling terluar adalah . . .

a)

margin

b)

padding

c)

border

d)

content

22.

Lapisan pada "box model" yang berada diantara content dan border adalah . . .

a)

padding

b)

margin

c)

border

d)

content

23.

Ketika kita ingin memberi jarak antara satu elemen ke elemen lain sejauh 10px, maka property CSS yang harus kita gunakan adalah . . .

a)

margin: 10px;

b)

padding: 10px;

c)

border: 10px;

d)

content

24.

Satuan ukuran yang bisa kita gunakan agar lebar atau tinggi suatu elemen bisa tergantung dengan elemen pembungkusnya adalah . . .

a)

%

b)

cm

c)

pixel

d)

ml

25.

Tata letak elemen dalam halaman website biasa disebut dengan . . .

a)

website layout

b)

website page

c)

website element

26.

Penggunaan javascript di dalam HTML akan membuat halaman website menjadi . . .

a)

lebih interaktif

b)

berwarna

c)

berubah

d)

besar

27.

Jika ingin membuat kode javascript langsung di dalam file HTML, maka kita harus mengetikkannya di dalam tag . . .

a)

script

b)

link

c)

a

d)

body

28.

Jika kita memisahkan file javascript ke dalam file terpisah, kita harus menyimpannya ke dalam file berekstensi .js

Dan sematkan file tersebut pada tag script dalam atribut . . .

a)

src

b)

href

c)

img

d)

class

29.

Dalam bahasa pemrograman, kita bisa menyimpan sebuah nilai dalam sebuah tempat yang disebut . . .

a)

variable

b)

function

c)

conditional

d)

loop

30.

Kata kunci pendeskripsian variable yang bisa diubah dan namun tidak bisa mendeskripsikan ulang adalah . . .

a)

let

b)

var

c)

const

31.

Kata kunci pendeskripsian variable yang tidah bisa diubah dan tidak bisa mendeskripsikan ulang adalah . . .

a)

const

b)

var

c)

let

32.

Simbol yan digunakan untuk operasi perkalian dalam bahasa pemrograman javascirpt adalah . . .

a)

*

b)

+

c)

/

d)

-

33.

Pada gambar disamping, terdapat beberapa variable dengan nama yang hampir sama dan seiap dari variable itu memiliki nilai yg sejenis. Untuk menyederhanakan kode tersebut, kita bisa menyimpan sekumpulan data tersebut ke dalam satu variable, struktur data ini disebut dengan . . .

a)

array

b)

string

c)

integer

d)

arithmetic

34.

Perhatikan gambar. Jika kita ingin mengaksese dara "Toyota", maka kita harus memanggilnya dengan cara . .

a)

cars[3]

b)

cars[4]

c)

cars[0]

d)

cars[1]

35.

Dalam pemrograman, terdapat konsep alur instruksi yang akan dipilih / dilakukan berdasarkan kondisi yang ada, konsep ini dikenal dengan . . .

a)

condition

b)

loop

c)

while

d)

function

36.

Statement yang tidak terdapat pada conditional javascript adalah . . .

a)

in

b)

if

c)

if else

d)

switch

37.

Menjalankan kode secara berulang ulang bisa dilakukan dengan menggunakan statement . . .

a)

loop

b)

if

c)

if else

d)

variable

38.

Kode instruksi yang dirangkum ke dalam blok tersendiri, kemudian diberi nama dan suatu saat bisa digunakan secara berulang - ulang, merupakan pengertian sederhana dari . . .

a)

function

b)

looping

c)

conditional

d)

statement

39.

Manakah di antara kode di bawah ini yang merupakan penulisan function yang benar pada javacsript?

a)

b)

c)

d)

40.

HTML DOM terbentuk dari struktur tree. Yang disebut sebagai root element adalah . . .

a)

<html>

b)

<body>

c)

<style>

d)

<head>

41.

Untuk mendapatkan object elemen head, maka javascript harus menggunakan property . . .

a)

document.head

b)

document.images

c)

document.forms

d)

document.title

42.

DOM Method yang digunakan untuk mencari elemen tertentu berdasarkan Id nya adalah . . .

a)

b)
c)
d)

document.title

43.

Attribute event yang digunakan untuk menjalankan sebuah perintah javascript ketika element tersebut diklik adalah . . .

a)

onclick

b)

onmouseover

c)

onload

d)

onchange

44.

Pada framework bootstrap, total jumlah kolom (dalam grid) yang ada pada halman website adalah . . .

a)

12

b)

6

c)

10

d)

13

45.

Untuk membuat element memiliki lebar (secara horizontal) setengah dari containernya, maka dia harus menggunakan column sebanyak . . .

a)

6

b)

4

c)

5

d)

7

46.

Grid yang dibuat di dalam grid dikenal dengan istilah . . .

a)

nested grid

b)

layout

c)

nested div

d)

grid

47.

Bootstrap breakpoints merupakan batasan - batasan ukuran layar yang harus diperhatikan untuk menerapkan responsive web layout. Untuk menerapakan lebar column selebar 6 pada ukuran layar medium adalah . . .

a)

col-md-6

b)

col-6

c)

col-lg-6

d)

col-medium-6

48.

Class yang digunakan untuk membuat sebuah link atau button menjadi tombol berwarna biru dapat menggunakan dua class yaitu . . .

a)

btn btn-primary

b)

btn primary

c)

btn btn primary

d)

btn button-primary

49.

Pada bootstrap, terdapat class yang dapat digunakan untuk merubah tampilan table menjadi lebih rapi. Class tersebut harus di masukkan ke dalam . . .

a)

<table> tag

b)

<thead> tag

c)

<td> tag

d)

<tr> tag

50.

Pada bootstrap, nama class bawaan yang dapat digunakan untuk merubah tampilan input lebih rapi adalah . . .

a)

form-control

b)

form-lg

c)

form-style

d)

form-get