wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

2601211157

Total questions: 77

Worksheet time: 39mins

Name
Class
Date
1.

Atribut action dalam tag <form> digunakan untuk…

a)

Memberi nama pada form

b)

Menentukan URL tujuan saat form dikirimkan

c)

Menentukan jenis input

d)

Mengatur tampilan warna

2.

Atribut method dalam <form> digunakan untuk menentukan…

a)

Ukuran file maksimum

b)

Metode HTTP (GET atau POST)

c)

Jenis browser

d)

Enkripsi data

3.

Jika data dikirim via GET, maka data akan muncul di…

a)

URL browser

b)

Badan permintaan

c)

File log server

d)

Header HTTP

4.

Jika data dikirim via POST, maka data dikirim di…

a)

Parameter URL

b)

Body permintaan HTTP

c)

Localstorage

d)

Cookie

5.

Metode yang tidak cocok untuk data sensitif seperti password adalah…

a)

REQUEST

b)

GET

c)

SEND

d)

POST

6.

Metode yang lebih aman untuk mengirim password adalah…

a)

POST

b)

FETCH

c)

LOAD

d)

GET

7.

Atribut name pada elemen input digunakan untuk…

a)

Menampilkan teks di layar

b)

Membuat placeholder

c)

Mengidentifikasi nilai saat dikirim ke server

d)

Memberi ID untuk CSS

8.

Atribut placeholder pada input digunakan untuk…

a)

Mengatur lebar otomatis

b)

Memvalidasi format

c)

Menyimpan nilai default permanen

d)

Memberi contoh teks sebelum input diisi

9.

Untuk membuat input wajib diisi, digunakan atribut…

a)

notnull

b)

mandatory

c)

must

d)

required

10.

Dalam PHP, untuk membaca data dari metode GET, digunakan variabel…

a)

$_GET

b)

$_INPUT

c)

$_DATA

d)

$_POST

11.

Dalam PHP, untuk membaca data dari metode POST, digunakan variabel…

a)

$_DATA

b)

$_GET

c)

$_SEND

d)

$_POST

12.

Untuk mengecek apakah variabel telah diatur (tidak null), digunakan fungsi…

a)

defined()

b)

empty()

c)

check()

d)

isset()

13.

Untuk mengecek apakah variabel tidak kosong, digunakan…

a)

!empty()

b)

filled()

c)

full()

d)

isset()

14.

Variabel superglobal $_REQUEST dapat membaca data dari…

a)

File upload saja

b)

GET atau POST

c)

Hanya POST

d)

Hanya GET

15.

Salah satu kelemahan penggunaan metode GET adalah…

a)

Tidak bisa digunakan dengan PHP

b)

Hanya bisa mengirim 1 field

c)

Data tidak bisa dikirim

d)

Data terlihat di URL

16.

Pada form tanggal, atribut type harus bernilai…

a)

"calendar"

b)

"time"

c)

"datetime"

d)

"date"

17.

Apa kepanjangan dari CSS?

a)

Computer Style Sheets

b)

Cascading Style Sheets

c)

Creative Style System

d)

Cascading Syntax Script

18.

Fungsi utama CSS dalam pengembangan web adalah…

a)

Menambahkan logika program ke halaman web

b)

Memisahkan presentasi visual dari struktur konten HTML

c)

Menghubungkan halaman ke internet

d)

Membuat database untuk website

19.

Berikut ini adalah cara menyisipkan CSS, kecuali:

a)

Inline CSS

b)

Dynamic CSS

c)

Internal CSS

d)

External CSS

20.

Penempatan CSS secara inline dilakukan dengan menambahkan atribut… pada elemen HTML.

a)

class

b)

id

c)

style

d)

script

21.

Elemen input HTML yang digunakan untuk memilih tanggal adalah…

a)

"date"

b)

"datetime"

c)

"time"

d)

"calendar"

22.

Ekstensi file yang digunakan untuk CSS eksternal adalah…

a)

.txt

b)

.css

c)

.html

d)

.js

23.

Dalam sintaks CSS, bagian yang memilih elemen HTML disebut…

a)

Rule

b)

Selector

c)

Value

d)

Property

24.

Dalam penulisan p { color: blue; }, bagian color disebut…

a)

Declaration

b)

Selector

c)

Property

d)

Value

25.

Dalam penulisan h1 { font-size: 20px; }, bagian 20px disebut…

a)

Selector

b)

Property

c)

Value

d)

Function

26.

Properti CSS yang digunakan untuk mengatur warna teks adalah…

a)

text-color

b)

font-color

c)

background-color

d)

color

27.

Properti CSS yang digunakan untuk mengatur ukuran font adalah…

a)

font-weight

b)

size

c)

font-size

d)

text-size

28.

Nilai bold pada properti font-weight berfungsi untuk…

a)

Memperkecil ukuran font

b)

Mengatur ketebalan huruf menjadi tebal

c)

Mengatur spasi antar huruf

d)

Membuat huruf miring

29.

Properti yang digunakan untuk mengatur perataan teks (kiri, kanan, tengah, justify) adalah…

a)

align-text

b)

text-align

c)

justify-content

d)

position

30.

Untuk membuat latar belakang elemen berwarna kuning, digunakan properti…

a)

fill: yellow

b)

color: yellow

c)

background-color: yellow

d)

bg: yellow

31.

Properti margin digunakan untuk mengatur…

a)

Lebar border

b)

Jarak dalam antara konten dan border

c)

Jarak luar antara elemen dan elemen lain

d)

Transparansi elemen

32.

Properti padding digunakan untuk mengatur…

a)

Ukuran teks

b)

Jarak antara konten dan batas elemen

c)

Jarak luar elemen

d)

Warna latar belakang

33.

Properti border dapat mengatur ketebalan, gaya, dan…

a)

Margin

b)

Warna

c)

Ukuran font

d)

Opasitas

34.

Gaya border dotted menampilkan garis berupa…

a)

Garis putus-putus panjang

b)

Garis titik-titik kecil

c)

Dua garis sejajar

d)

Garis utuh

35.

Untuk mengatur lebar elemen menjadi 300 piksel, digunakan properti…

a)

width: 300px

b)

length: 300px

c)

size: 300px

d)

dimension: 300px

36.

Properti line-height digunakan untuk mengatur…

a)

Ukuran font

b)

Jarak antara baris-baris teks

c)

Tinggi elemen secara keseluruhan

d)

Jarak antar paragraf

37.

Untuk mencegah teks membungkus ke baris baru meskipun melebihi lebar elemen, digunakan nilai white-space: …

a)

nowrap

b)

pre-wrap

c)

normal

d)

pre

38.

Selector untuk memilih elemen dengan class "judul" ditulis dengan awalan…

a)

%

b)

#

c)

.

d)

@

39.

Selector untuk memilih elemen dengan id "header" ditulis dengan awalan…

a)

&

b)

$

c)

#

d)

.

40.

Ketika memilih gaya border dotted, efek visual yang diharapkan adalah…

a)

Garis dengan pola strip panjang

b)

Garis berupa titik-titik kecil

c)

Garis ganda sejajar tipis

d)

Garis kontinyu halus

41.

Dalam modul disebutkan bahwa id harus bersifat…

a)

Bisa digunakan berkali-kali

b)

Unik dalam satu halaman

c)

Hanya untuk elemen

d)

Tidak boleh mengandung angka

42.

Properti list-style-type: none; pada elemen <ul>

berfungsi untuk…

a)

Mengganti bullet dengan gambar

b)

Menghilangkan bullet/tanda daftar

c)

Mengganti bullet dengan angka

d)

Memindahkan bullet ke dalam teks

43.

Contoh nilai absolut untuk font-size adalah…

a)

larger

b)

1.5em

c)

20px

d)

120%

44.

Dalam CSS, pernyataan aturan gaya diakhiri dengan tanda…

a)

:

b)

;

c)

,

d)

.

45.

Blok aturan CSS dimulai dan diakhiri dengan tanda…

a)

[ ]

b)

< >

c)

.

d)

{ }

46.

Properti text-decoration: underline; berfungsi untuk…

a)

Menghapus dekorasi teks

b)

Menebalkan teks

c)

Membuat teks miring

d)

Memberi garis bawah pada teks

47.

Dalam CSS, properti color digunakan untuk apa?

a)

Menentukan warna teks

b)

Mengatur lebar elemen

c)

Mengatur ketebalan huruf

d)

Menentukan latar belakang

48.

File stylesheet eksternal biasanya disimpan dengan ekstensi apa?

a)

.json

b)

.js

c)

.html

d)

.css

49.

Selector dalam CSS berfungsi untuk apa?

a)

Memilih elemen target

b)

Mengompresi berkas

c)

Menguji kompatibilitas

d)

Mengatur server cache

50.

Properti font-size dalam CSS mengatur apa?

a)

Ketebalan garis

b)

Tinggi baris

c)

Jenis huruf

d)

Ukuran teks

51.

Nilai font-weight: bold berarti apa?

a)

Huruf transparan

b)

Huruf kecil

c)

Huruf miring

d)

Huruf tebal

52.

Properti text-align digunakan untuk mengatur apa pada teks?

a)

Perataan teks

b)

Spasi karakter

c)

Bayangan teks

d)

Transformasi huruf

53.

Properti background-color digunakan untuk mengatur apa?

a)

Gambar latar belakang

b)

Warna garis tepi

c)

Warna latar belakang

d)

Transparansi elemen

54.

Properti margin digunakan terutama untuk apa?

a)

Menentukan tinggi baris

b)

Mengubah ukuran font

c)

Mengatur ruang dalam elemen

d)

Mengatur ruang luar elemen

55.

Properti padding mengatur apa?

a)

Ruang dalam elemen

b)

Ruang luar elemen

c)

Garis batas elemen

d)

Letak latar belakang

56.

Border dalam CSS dapat terdiri dari aspek apa saja?

a)

Lebar gaya warna

b)

Margin padding display

c)

Warna posisi bayangan

d)

Transparansi radius gradasi

57.

Nilai dotted pada properti border menghasilkan apa?

a)

Garis putus-putus titik kecil

b)

Garis putus-putus panjang

c)

Garis solid kontinu

d)

Garis ganda tebal

58.

Properti width digunakan untuk mengatur apa?

a)

Ketebalan border

b)

Lebar elemen

c)

Tinggi elemen

d)

Ukuran font

59.

Properti line-height berfungsi mengatur apa?

a)

Lebar huruf

b)

Tinggi baris teks

c)

Jarak antar huruf

d)

Perataan paragraf

60.

Nilai white-space: nowrap akan membuat teks bagaimana?

a)

Tidak dibungkus ke baris baru

b)

Selalu rata kiri dan kanan

c)

Menyusut mengikuti konten

d)

Memiliki spasi ganda otomatis

61.

Penulisan class pada HTML/CSS diawali dengan karakter apa di CSS selector?

a)

Tanda &

b)

Titik (.)

c)

Pagar (#)

d)

Tanda @

62.

Selector ID di CSS diawali dengan karakter apa?

a)

Tanda persen (%)

b)

Tanda bintang (*)

c)

Titik (.)

d)

Pagar (#)

63.

Sifat unik dari sebuah ID dalam satu halaman HTML adalah apa?

a)

Tidak boleh dipakai di CSS

b)

Hanya untuk elemen form

c)

Boleh dipakai banyak elemen

d)

Harus unik satu kali

64.

Nilai list-style-type: none akan berdampak apa pada daftar?

a)

Menghilangkan tanda daftar

b)

Menebalkan penanda

c)

Membuat angka Romawi

d)

Mengatur jarak antar item

65.

Contoh satuan absolut CSS yang tepat untuk font-size adalah apa?

a)

vh ch ex

b)

em rem vw

c)

px pt cm

d)

% fr auto

66.

Setiap deklarasi properti CSS diakhiri dengan apa?

a)

Titik koma ;

b)

Titik .

c)

Titik dua :

d)

Garis miring /

67.

Blok deklarasi CSS dibuka dan ditutup dengan apa?

a)

Kurung siku [ ]

b)

Kurung kurawal { }

c)

Tanda lebih-kurang < >

d)

Kurung biasa ( )

68.

Properti CSS mana yang digunakan untuk menambahkan garis bawah pada teks?

a)

text-transform dengan nilai lowercase

b)

text-decoration dengan nilai underline

c)

border-bottom dengan nilai thin solid

d)

font-style dengan nilai italic

69.

Nilai yang tepat untuk menghapus semua dekorasi teks pada tautan adalah…

a)

text-decoration: hidden

b)

text-decoration: normal

c)

text-decoration: unset

d)

text-decoration: none

70.

Manakah pernyataan yang benar tentang perbedaan underline dari text-decoration dan border-bottom?

a)

border-bottom bergerak saat line-height berubah

b)

Keduanya mengikuti ketebalan font yang sama persis

c)

text-decoration tidak dapat diwariskan ke elemen anak

d)

text-decoration menempel pada baseline teks

71.

Jika sebuah hyperlink memiliki garis bawah default, bagaimana cara mempertahankan garis bawah hanya saat hover?

a)

a { text-decoration: inherit } a:hover { text-decoration: none }

b)

a { text-decoration: overline } a:hover { text-decoration: none }

c)

a { text-decoration: none } a:hover { text-decoration: underline }

d)

a { text-decoration: underline } a:hover { text-decoration: none }

72.

Properti manakah yang tepat untuk memberi garis di tengah teks (strikethrough)?

a)

text-rendering: optimizeLegibility

b)

text-decoration: overline

c)

text-underline-position: auto

d)

text-decoration: line-through

73.

Untuk menambahkan garis di atas teks judul, Anda dapat menggunakan…

a)

text-decoration: wavy

b)

text-decoration: underline

c)

text-align: overline

d)

text-decoration: overline

74.

Manakah kombinasi valid beberapa dekorasi pada CSS modern?

a)

text-decoration: underline overline

b)

text-decoration: center justify

c)

text-decoration: italic bold

d)

text-decoration: small-caps underline

75.

Mengapa menggunakan border-bottom untuk mengimitasi underline pada navigasi dapat bermasalah?

a)

Tidak bekerja pada browser modern

b)

Menghapus kemampuan akses keyboard

c)

Menambah ukuran file CSS signifikan

d)

Posisi garis tidak mengikuti tinggi baris

76.

Anda ingin semua elemen anak dari paragraf mewarisi dekorasi garis bawah. Pendekatan yang tepat adalah…

a)

Menggunakan border-bottom pada paragraf induk

b)

Menambahkan underline pada setiap elemen anak

c)

Menetapkan text-transform pada induk

d)

Mengatur text-decoration pada paragraf induk

77.

Pernyataan yang paling akurat tentang nilai underline pada text-decoration adalah…

a)

Memberikan garis bawah pada teks

b)

Menyembunyikan dekorasi default

c)

Mengubah teks menjadi huruf kecil

d)

Menerapkan gaya huruf miring