wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Quiz Pertemuan 5 Web Design

Total questions: 20

Worksheet time: 20mins

Name
Class
Date
1.

CSS Layout digunakan untuk…

a)

Mengubah warna teks

b)

Mengatur posisi dan susunan elemen

c)

Mengatur ukuran font

d)

Memasukkan JavaScript

2.

Yang termasuk bagian dari layout adalah…

a)

Div tunggal

b)

Posisi, ukuran, susunan elemen

c)

Hanya warna background

d)

Hanya border

3.

CSS Layout berfungsi untuk membuat halaman…

a)

Tidak responsif

b)

Statis

c)

Lebih terstruktur

d)

Lambat

4.

Teknik layout modern terdiri dari…

a)

Float & Clear

b)

Inline-block

c)

Flexbox & Grid

d)

Table Layout

5.

Layout disebut responsif ketika…

a)

Selalu tetap bentuknya

b)

Mengikuti ukuran layar

c)

Tidak bisa berubah

d)

Menggunakan tabel

6.

CSS Layout mempermudah pembuatan…

a)

Halaman hitam putih

b)

Struktur tampilan web

c)

Audio browser

d)

JavaScript server

7.

Layout modern menggantikan teknik lama seperti…

a)

Flexbox

b)

Grid

c)

Float

d)

Media Query

8.

Layout yang rapi dan bersih biasanya menggunakan…

a)

Flexbox & Grid

b)

Inline CSS

c)

Float layout

d)

Table

9.

Flexbox adalah model layout untuk…

a)

Dua dimensi

b)

Satu dimensi

c)

Tabel

d)

Audio

10.

Flexbox bersifat…

a)

Kaku

b)

Tidak responsif

c)

Fleksibel

d)

Tidak teratur

11.

Elemen yang menjadi pembungkus disebut…

a)

Flex center

b)

Flex container

c)

Flex grid

d)

Flex root

12.

Elemen di dalam container disebut…

a)

Flex block

b)

Flex items

c)

Flex content

d)

Flex rows

13.

Untuk membuat flex container digunakan properti…

a)

display: block;

b)

display: inline;

c)

display: flex;

d)

flex-mode: on;

14.

Flexbox cocok untuk layout seperti…

a)

Dashboard kompleks

b)

Navbars atau card

c)

Template multi-halaman

d)

Grid besar

15.

Jika kita ingin elemen tersusun secara horizontal, fleksibel, kita gunakan…

a)

Grid

b)

Flexbox

c)

Table

d)

Float

16.

CSS Grid adalah sistem layout…

a)

Satu dimensi

b)

Dua dimensi

c)

Tiga dimensi

d)

Tidak berdimensi

17.

Property utama yang digunakan untuk membuat grid adalah…

a)

display: flex;

b)

display: grid;

c)

grid-type: auto;

d)

grid: on;

18.

Grid cocok untuk membuat layout seperti…

a)

Navbar

b)

Dashboard

c)

Tombol tunggal

d)

Input form saja

19.

CSS Grid memungkinkan pembuatan layout…

a)

Linear

b)

Kompleks dan terstruktur

c)

Hanya header

d)

Hanya sidebar

20.

Layout web kompleks lebih cocok menggunakan…

a)

Flexbox

b)

Grid

c)

Float

d)

Inline-block