Quiz: Quiz HTML & CSS Dasar


Quiz HTML & CSS DasarOnline version html/css by ANAS MUNAWAR 1 Apa tujuan utama tag HTML dalam sebuah halaman web? a Menandai bagian atas konten, biasanya untuk judul/ navigasi b Membuat form input otomatis c Menentukan warna teks secara global d Menampilkan gambar di latar belakang 2 Mana atribut HTML yang benar untuk tautan menuju situs lain? a target="_blank" b rel="nofollow" c href="mailto:" d download="true" 3 Apa manfaat CSS flexbox? a Membuat gambar berputar otomatis b Mengganti bahasa halaman c Mengatur tata letak baris/kolom secara fleksibel d Membatasi akses ke CSS 4 Manakah cara yang benar untuk menambahkan komentar CSS? a /* Ini komentar CSS / b c '' Ini komentar CSS '' d // Ini komentar CSS 5 Apa perbedaan antara class dan id dalam CSS? a class bisa digunakan banyak elemen; id unik per halaman b id bisa digunakan untuk banyak elemen c id tidak bisa dipakai dengan JS d class tidak bisa diambil dengan CSS 6 Kode mana yang benar untuk mengindent elemen menjadi 2 langkah di CSS? a p { margin-left: 2em; } b p { padding: 2em; } c p { padding-left: 2em; } d p { text-indent: 2px; } 7 Apa fungsi atribut src pada tag img? a Menentukan warna border gambar b Menyisipkan bagian teks alternatif c Menentukan ukuran gambar d Menentukan sumber gambar 8 Mana properti CSS untuk mengubah warna font? a bgcolor b color c font-color d text-style 9 Elemen HTML manakah yang bersifat semantik untuk konten utama sebuah halaman? a b c d 10 Apa manfaat media queries dalam CSS? a Mengurangi ukuran gambar otomatis b Mengubah HTML secara dinamis c Mengganti server hosting d Montase gaya berbeda untuk ukuran layar berbeda 11 Apa properti yang mengubah arah susunan elemen dalam kontainer flex? a display b justify-content c flex-flow d flex-direction 12 Selektor mana yang memilih elemen dengan id 'header'? a header b .header c header d #header 13 Urutan lapisan box model dari dalam ke luar adalah? a content → border → padding → margin b content → padding → margin → border c content → padding → border → margin d content → margin → padding → border 14 Properti mana yang membuat elemen menjadi kontainer grid? a grid-area b grid-template-columns c display: grid d display: flex 15 Apa efek utama dari 'box-sizing: border-box' relatif lebar/tinggi elemen? a Mengabaikan padding b Hanya mengukur konten c Lebar/tinggi mencakup padding dan border d Menghilangkan border 16 Untuk menengahkan item secara horizontal dalam kontainer flex, gunakan? a margin: auto; b justify-content: center c align-items: center d text-align: center 17 Nilai default tampilan untuk elemen adalah? a inline b block c flex d inline-block 18 Unit mana yang bersifat relatif terhadap ukuran font dasar dokumen? a px b cm c rem d vh 19 Untuk menarik elemen flex ke ujung lintasan silang, gunakan? a align-content: center b justify-content: flex-end c align-items: flex-end d align-items: center 20 Properti mana yang memungkinkan kolom banyak di CSS? a column-width b column-gap c column-count d columns Penjelasan 1 menandai bagian atas konten, tidak untuk styling umum atau gambar latar. 2 target="_blank" membuka link di jendela/tab baru; href adalah URL, bukan atribut tindakan. 3 Flexbox memudahkan penyusunan elemen dalam baris/kolom dengan responsif. 4 Komentar CSS menggunakan /* ... */. 5 Class bisa dipakai beberapa elemen, id unik untuk satu elemen per halaman. 6 Teknik yang mencontoh indentasi visual dengan padding-left untuk paragraf. 7 src menentukan file gambar yang ditampilkan. 8 Properti CSS untuk warna teks adalah color. 9 mengindikasikan konten utama; section/article adalah bagian lebih spesifik. 10 Media queries membuat desain responsif menyesuaikan layar. 11 flex-direction menentukan arah utama susunan elemen dalam flex. 12 Penulisan #header secara spesifik menargetkan elemen dengan id header. 13 Urutan standar box model dimulai dari konten, lalu padding, border, dan margin. 14 display: grid menjadikan elemen grid container. 15 border-box termasuk padding dan border dalam ukuran total lebar/tinggi. 16 justify-content mengatur sumbu utama (horizontal pada flex-row). 17 Div secara default memiliki display: block. 18 Rem relatif terhadap ukuran font root (root font-size). 19 align-items mengatur sumbu silang; flex-end merapatkan ke akhir sumbu silang. 20 column-count menentukan jumlah kolom dalam multikolom.

1

Apa tujuan utama tag HTML
dalam sebuah halaman web?

a

Menandai bagian atas konten, biasanya untuk judul/ navigasi

b

Membuat form input otomatis

c

Menentukan warna teks secara global

d

Menampilkan gambar di latar belakang

2

Mana atribut HTML yang benar untuk tautan menuju situs lain?

a

target="_blank"

b

rel="nofollow"

c

href="mailto:"

d

download="true"

3

Apa manfaat CSS flexbox?

a

Membuat gambar berputar otomatis

b

Mengganti bahasa halaman

c

Mengatur tata letak baris/kolom secara fleksibel

d

Membatasi akses ke CSS

4

Manakah cara yang benar untuk menambahkan komentar CSS?

a

/* Ini komentar CSS */

b

c

'' Ini komentar CSS ''

d

// Ini komentar CSS

5

Apa perbedaan antara class dan id dalam CSS?

a

class bisa digunakan banyak elemen; id unik per halaman

b

id bisa digunakan untuk banyak elemen

c

id tidak bisa dipakai dengan JS

d

class tidak bisa diambil dengan CSS

6

Kode mana yang benar untuk mengindent elemen menjadi 2 langkah di CSS?

a

p { margin-left: 2em; }

b

p { padding: 2em; }

c

p { padding-left: 2em; }

d

p { text-indent: 2px; }

7

Apa fungsi atribut src pada tag img?

a

Menentukan warna border gambar

b

Menyisipkan bagian teks alternatif

c

Menentukan ukuran gambar

d

Menentukan sumber gambar

8

Mana properti CSS untuk mengubah warna font?

a

bgcolor

b

color

c

font-color

d

text-style

9

Elemen HTML manakah yang bersifat semantik untuk konten utama sebuah halaman?

a

b

c

d

10

Apa manfaat media queries dalam CSS?

a

Mengurangi ukuran gambar otomatis

b

Mengubah HTML secara dinamis

c

Mengganti server hosting

d

Montase gaya berbeda untuk ukuran layar berbeda

11

Apa properti yang mengubah arah susunan elemen dalam kontainer flex?

a

display

b

justify-content

c

flex-flow

d

flex-direction

12

Selektor mana yang memilih elemen dengan id 'header'?

a

*header

b

.header

c

header

d

#header

13

Urutan lapisan box model dari dalam ke luar adalah?

a

content → border → padding → margin

b

content → padding → margin → border

c

content → padding → border → margin

d

content → margin → padding → border

14

Properti mana yang membuat elemen menjadi kontainer grid?

a

grid-area

b

grid-template-columns

c

display: grid

d

display: flex

15

Apa efek utama dari 'box-sizing: border-box' relatif lebar/tinggi elemen?

a

Mengabaikan padding

b

Hanya mengukur konten

c

Lebar/tinggi mencakup padding dan border

d

Menghilangkan border

16

Untuk menengahkan item secara horizontal dalam kontainer flex, gunakan?

a

margin: auto;

b

justify-content: center

c

align-items: center

d

text-align: center

17

Nilai default tampilan untuk elemen
adalah?

a

inline

b

block

c

flex

d

inline-block

18

Unit mana yang bersifat relatif terhadap ukuran font dasar dokumen?

a

px

b

cm

c

rem

d

vh

19

Untuk menarik elemen flex ke ujung lintasan silang, gunakan?

a

align-content: center

b

justify-content: flex-end

c

align-items: flex-end

d

align-items: center

20

Properti mana yang memungkinkan kolom banyak di CSS?

a

column-width

b

column-gap

c

column-count

d

columns

Penjelasan

1

menandai bagian atas konten, tidak untuk styling umum atau gambar latar.

2

target="_blank" membuka link di jendela/tab baru; href adalah URL, bukan atribut tindakan.

3

Flexbox memudahkan penyusunan elemen dalam baris/kolom dengan responsif.

4

Komentar CSS menggunakan /* ... */.

5

Class bisa dipakai beberapa elemen, id unik untuk satu elemen per halaman.

6

Teknik yang mencontoh indentasi visual dengan padding-left untuk paragraf.

7

src menentukan file gambar yang ditampilkan.

8

Properti CSS untuk warna teks adalah color.

9

mengindikasikan konten utama; section/article adalah bagian lebih spesifik.

10

Media queries membuat desain responsif menyesuaikan layar.

11

flex-direction menentukan arah utama susunan elemen dalam flex.

12

Penulisan #header secara spesifik menargetkan elemen dengan id header.

13

Urutan standar box model dimulai dari konten, lalu padding, border, dan margin.

14

display: grid menjadikan elemen grid container.

15

border-box termasuk padding dan border dalam ukuran total lebar/tinggi.

16

justify-content mengatur sumbu utama (horizontal pada flex-row).

17

Div secara default memiliki display: block.

18

Rem relatif terhadap ukuran font root (root font-size).

19

align-items mengatur sumbu silang; flex-end merapatkan ke akhir sumbu silang.

20

column-count menentukan jumlah kolom dalam multikolom.

You can integrate the game into an LMS compatible with LTI 1.1 or LTI 1.3 such as Canvas, Moodle, or Blackboard. This way, the scores will be automatically saved into the platform’s gradebook.

Quiz HTML & CSS Dasar

Quiz

About this activity

Created by

Download the paper version to play

Top Games

Quiz

Tissues - Practice Quiz

Quiz

Practice Quiz - Punnett Square, Variation, and Mutations

Quiz

Photosynthesis vs Cellular Respiration - Practice Quiz

Quiz

UPS 5 Seeing Habits Quiz

Quiz

Spanish Alphabet Listening

Quiz HTML & CSS DasarOnline version

by ANAS MUNAWAR

Apa tujuan utama tag HTML
dalam sebuah halaman web?

Mana atribut HTML yang benar untuk tautan menuju situs lain?

Apa manfaat CSS flexbox?

Manakah cara yang benar untuk menambahkan komentar CSS?

Apa perbedaan antara class dan id dalam CSS?

Kode mana yang benar untuk mengindent elemen menjadi 2 langkah di CSS?

Apa fungsi atribut src pada tag img?

Mana properti CSS untuk mengubah warna font?

Elemen HTML manakah yang bersifat semantik untuk konten utama sebuah halaman?

Apa manfaat media queries dalam CSS?

Apa properti yang mengubah arah susunan elemen dalam kontainer flex?

Selektor mana yang memilih elemen dengan id 'header'?

Urutan lapisan box model dari dalam ke luar adalah?

Properti mana yang membuat elemen menjadi kontainer grid?

Apa efek utama dari 'box-sizing: border-box' relatif lebar/tinggi elemen?

Untuk menengahkan item secara horizontal dalam kontainer flex, gunakan?

Nilai default tampilan untuk elemen
adalah?

Unit mana yang bersifat relatif terhadap ukuran font dasar dokumen?

Untuk menarik elemen flex ke ujung lintasan silang, gunakan?

Properti mana yang memungkinkan kolom banyak di CSS?

Penjelasan

		%
	Anonymous	%
		%
		%

Quiz HTML & CSS Dasar

Quiz

About this activity

Created by

Download the paper version to play

Top Games

Quiz

Tissues - Practice Quiz

Quiz

Practice Quiz - Punnett Square, Variation, and Mutations

Quiz

Photosynthesis vs Cellular Respiration - Practice Quiz

Quiz

UPS 5 Seeing Habits Quiz

Quiz

Spanish Alphabet Listening

Quiz HTML & CSS DasarOnline version

by ANAS MUNAWAR

Apa tujuan utama tag HTML dalam sebuah halaman web?

Mana atribut HTML yang benar untuk tautan menuju situs lain?

Apa manfaat CSS flexbox?

Manakah cara yang benar untuk menambahkan komentar CSS?

Apa perbedaan antara class dan id dalam CSS?

Kode mana yang benar untuk mengindent elemen menjadi 2 langkah di CSS?

Apa fungsi atribut src pada tag img?

Mana properti CSS untuk mengubah warna font?

Elemen HTML manakah yang bersifat semantik untuk konten utama sebuah halaman?

Apa manfaat media queries dalam CSS?

Apa properti yang mengubah arah susunan elemen dalam kontainer flex?

Selektor mana yang memilih elemen dengan id 'header'?

Urutan lapisan box model dari dalam ke luar adalah?

Properti mana yang membuat elemen menjadi kontainer grid?

Apa efek utama dari 'box-sizing: border-box' relatif lebar/tinggi elemen?

Untuk menengahkan item secara horizontal dalam kontainer flex, gunakan?

Nilai default tampilan untuk elemen adalah?

Unit mana yang bersifat relatif terhadap ukuran font dasar dokumen?

Untuk menarik elemen flex ke ujung lintasan silang, gunakan?

Properti mana yang memungkinkan kolom banyak di CSS?

Apa tujuan utama tag HTML
dalam sebuah halaman web?

Nilai default tampilan untuk elemen
adalah?