wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

QUIZ GAME

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

Apa fungsi utama dari tag <ul> dalam HTML?

a)
  • Membuat gambar

b)
  • Membuat daftar tak terurut

c)
  • Membuat teks tebal

d)
  • Membuat link

2.

Tag HTML apa yang digunakan untuk menambahkan tautan ke halaman lain?

a)
  • <a>

b)
  • <link>

c)
  • <button>

d)
  • <img>

3.

Atribut apa yang digunakan untuk menentukan tujuan tautan dalam tag <a>?

a)
  • target

b)
  • href

c)
  • src

d)

alt

4.

Anda diminta untuk membuat menu navigasi yang dapat membuka halaman baru dengan atribut target="_blank". Jelaskan bagaimana atribut ini mempengaruhi interaksi pengguna dengan menu tersebut dan mengapa penting untuk digunakan dalam menu navigasi yang mengarah ke sumber eksternal.

a)
  • Atribut target="_blank" memungkinkan halaman yang dikunjungi untuk menggantikan halaman saat ini, membuatnya lebih efisien.

b)
  • Atribut target="_blank" membuka halaman dalam tab baru, memungkinkan pengguna untuk tetap berada di halaman asal dan mengeksplorasi halaman baru tanpa kehilangan konteks.

c)
  • Atribut target="_blank" tidak berpengaruh pada fungsi menu navigasi dan hanya digunakan untuk keperluan desain.

d)
  • Atribut target="_blank" akan memperlambat kecepatan akses pengguna.

5.

Anda menemukan bahwa sebuah website tidak menggunakan atribut title pada tautannya. Berdasarkan pengalaman Anda, apa dampak yang dapat terjadi jika atribut ini tidak diterapkan pada tautan?

a)
  • Pengguna mungkin merasa kebingungan karena tidak ada tooltip yang memberikan informasi tambahan tentang fungsi tautan.

b)
  • Tautan akan terlihat lebih besar, meningkatkan keterbacaan.

c)
  • Atribut title tidak berpengaruh pada user experience dan hanya untuk estetika visual.

d)
  • Tautan akan membuka lebih cepat tanpa atribut title.

6.

Mengapa kita harus menggunakan tag <ul> dan <li> dalam pembuatan menu navigasi, bukan hanya tag <div> atau <span>?

a)
  • <ul> dan <li> adalah tag yang secara khusus didesain untuk menyusun daftar, yang membuat struktur menu lebih terorganisir.

b)
  • <ul> lebih mudah digunakan daripada tag lainnya.

c)
  • <ul> dan <li> memungkinkan penggunaan gambar untuk setiap item menu.

d)
  • <div> dan <span> tidak dapat digunakan untuk menu navigasi.

7.

Apa yang dimaksud dengan elemen <nav> dalam HTML, dan mengapa penting untuk digunakan dalam pembuatan menu navigasi?

a)
  • <nav> adalah elemen yang digunakan untuk menampilkan informasi footer.

b)
  • <nav> menggantikan tag <ul> dalam membuat menu.

c)
  • <nav> digunakan hanya untuk menampilkan gambar di halaman.

d)
  • <nav> digunakan untuk menandai bagian halaman yang berisi tautan navigasi, yang membantu struktur dan aksesibilitas halaman.

8.

Apa kekurangan utama dari kode tersebut jika digunakan untuk menu navigasi?

a)

Tidak menggunakan tag <li>

b)

Menu terlalu panjang

c)

Tidak ada tag <a> untuk tautan

d)


Terlalu banyak submenu

9.

Apa yang terjadi jika submenu dibuat tetapi tidak diberi tag <ul> di dalam <li>?

a)

Submenu tidak akan terlihat sebagai bagian dari menu

b)

Submenu akan otomatis berfungsi dengan baik

c)

Submenu tetap muncul seperti biasa

d)

Submenu akan menjadi gambar

10.

Anda diberikan tugas untuk membuat menu navigasi dengan struktur yang sesuai dengan standar web. Bagaimana Anda dapat menyusun menu tersebut agar memenuhi kriteria standar aksesibilitas?

a)
  • Gunakan elemen <nav> untuk membungkus menu dan pastikan semua tautan menggunakan atribut href yang benar.

b)
  • Pastikan untuk hanya menggunakan elemen <ul> tanpa memberi perhatian pada aksesibilitas bagi pengguna dengan disabilitas.

c)
  • Pastikan elemen <ul> diikuti dengan elemen <div> untuk meningkatkan struktur.

d)
  • Gunakan gambar sebagai menu utama dan hindari penggunaan teks sama sekali.