Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Pemahaman Dasar HTML dan CSS

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

Apa itu HTML dan apa fungsinya?

a)

HTML adalah bahasa markup untuk membuat dan menyusun konten di web.

b)

HTML adalah sistem operasi untuk perangkat mobile.

c)

HTML adalah bahasa pemrograman untuk aplikasi desktop.

d)

HTML digunakan untuk mengedit gambar dan video.

2.

Sebutkan tiga atribut penting yang sering digunakan dalam tag HTML!

a)

src, href, alt

b)

class, id, style

c)

value, type, name

d)

data, title, lang

3.

Apa fungsi dari elemen blok dan elemen inline dalam HTML?

a)

Elemen blok dapat mengatur layout, sedangkan elemen inline tidak dapat

b)

Elemen blok hanya digunakan untuk gambar, sedangkan elemen inline untuk teks

c)

Elemen blok dan inline memiliki fungsi yang sama dalam HTML

d)

Elemen blok tidak dapat memiliki atribut, sedangkan elemen inline bisa

4.

Jelaskan apa itu CSS dan bagaimana cara kerjanya!

a)

CSS adalah alat untuk mengedit gambar dan video.

b)

CSS adalah bahasa pemrograman untuk membuat aplikasi web.

c)

CSS adalah bahasa untuk mendesain tampilan halaman web dan bekerja dengan memisahkan konten dari presentasi.

d)

CSS digunakan untuk mengelola database dan server.

5.

Sebutkan tiga jenis selektor CSS!

a)

Element Selector, Class Selector, ID Selector

b)

Universal Selector

c)

Pseudo-class Selector

d)

Attribute Selector

6.

Apa fungsi dari properti 'display' dalam CSS?

a)

Menentukan ukuran font elemen.

b)

Mengatur warna latar belakang elemen.

c)

Mengubah posisi elemen di dalam dokumen.

d)

Mengatur cara elemen ditampilkan di halaman.

7.

Bagaimana cara mengatur layout menggunakan Flexbox?

a)

Gunakan display: grid; pada kontainer dan atur properti grid sesuai kebutuhan.

b)

Atur semua elemen dalam satu baris tanpa menggunakan properti flexbox.

c)

Gunakan float: left; untuk mengatur posisi elemen dalam kontainer.

d)

Gunakan display: flex; pada kontainer dan atur properti flexbox sesuai kebutuhan.

8.

Jelaskan dua atribut penting yang digunakan dalam tag di HTML!

a)

Atribut alt untuk memberikan deskripsi gambar dan atribut width untuk menentukan lebar gambar.

b)

Atribut height untuk menentukan tinggi gambar dan atribut style untuk menambahkan CSS.

c)

Atribut src untuk menentukan sumber gambar dan atribut title untuk memberikan informasi tambahan.

d)

Atribut class untuk menambahkan kelas CSS dan atribut id untuk memberikan identifikasi unik.

9.

Apa fungsi dari atribut 'title' pada tag ?

a)

Atribut 'title' pada tag memberikan informasi tambahan saat gambar tidak dapat ditampilkan.

b)

Atribut 'title' pada tag adalah untuk menentukan ukuran gambar.

c)

Atribut 'title' pada tag digunakan untuk menambahkan efek animasi pada gambar.

d)

Atribut 'title' pada tag adalah untuk menambahkan warna latar belakang pada gambar.

10.

Bagaimana cara Flexbox mempermudah pengaturan tata letak elemen dalam desain web responsif?

a)

Flexbox memungkinkan elemen untuk beradaptasi dengan ukuran kontainer, menciptakan tata letak yang fleksibel di berbagai perangkat.

b)

Flexbox hanya dapat digunakan dengan CSS Grid.

c)

Flexbox tidak dapat digunakan untuk tata letak yang responsif.

d)

Flexbox membatasi jumlah elemen yang dapat ditampilkan dalam satu baris.