Quiz Unit Ukuran di HTML dan CSS

Apa yang dimaksud dengan unit absolut dalam HTML dan CSS?

• Unit yang berubah sesuai ukuran layar

• Unit yang tidak dapat digunakan dalam desain web

• Unit yang hanya digunakan untuk font

• Unit yang memiliki ukuran tetap

Answer explanation

Unit absolut dalam HTML dan CSS merujuk pada unit yang memiliki ukuran tetap, seperti piksel (px) atau sentimeter (cm). Ini berarti ukuran tersebut tidak berubah meskipun ukuran layar berbeda, sehingga memberikan konsistensi dalam desain.

Apa kegunaan dari unit pixel (px)?

• Menentukan ukuran elemen yang responsif

• Menentukan ukuran elemen yang tetap

• Menentukan ukuran font relatif

• Menentukan ukuran margin

Answer explanation

Unit pixel (px) digunakan untuk menentukan ukuran elemen yang tetap, memberikan kontrol yang tepat terhadap dimensi elemen di halaman web, berbeda dengan unit responsif yang beradaptasi dengan ukuran layar.

Berapa banyak centimeter dalam satu inci?

• 10 cm

• 1 cm

• 2.54 cm

• 5 cm

Answer explanation

Satu inci setara dengan 2.54 centimeter. Ini adalah konversi standar yang digunakan secara internasional, sehingga jawaban yang benar adalah 2.54 cm.

Unit mana yang jarang digunakan dalam desain web?

• Pixel (px)

• Em (em)

• Persen (%)

• Inch (in)

Answer explanation

Inch (in) adalah unit yang jarang digunakan dalam desain web karena lebih umum menggunakan pixel (px), em, atau persen (%) untuk mengatur ukuran elemen. Inch lebih relevan untuk pengukuran fisik, bukan tampilan digital.

Apa yang dimaksud dengan unit relatif?

• Unit yang hanya digunakan untuk margin

• Unit yang beradaptasi dengan ukuran layar

• Unit yang memiliki ukuran tetap

• Unit yang tidak dapat digunakan dalam CSS

Answer explanation

Unit relatif adalah unit yang beradaptasi dengan ukuran layar, seperti % atau vw, sehingga elemen dapat menyesuaikan diri dengan berbagai ukuran perangkat. Ini berbeda dengan unit tetap yang tidak berubah.

Apa kegunaan dari unit persen (%)?

• Menentukan ukuran font absolut

• Menentukan ukuran tetap

• Menentukan ukuran margin tetap

• Menentukan nilai sebagai persentase dari elemen induk

Answer explanation

Unit persen (%) digunakan untuk menentukan nilai sebagai persentase dari elemen induk, sehingga memudahkan dalam pengaturan ukuran relatif dalam desain, bukan untuk ukuran tetap atau margin.

Apa yang dimaksud dengan 1 rem?

• Ukuran margin dalam centimeter

• Ukuran font akar elemen

• Ukuran tetap dalam pixel

• Ukuran font elemen induk

Answer explanation

1 rem adalah ukuran font yang diturunkan dari ukuran font elemen induk. Ini berarti jika ukuran font elemen induk diubah, ukuran 1 rem juga akan berubah sesuai dengan ukuran tersebut.

Apa kegunaan dari unit viewport (vw, vh)?

• Menentukan ukuran elemen berdasarkan ukuran viewport

• Menentukan ukuran font tetap

• Menentukan ukuran elemen yang tidak responsif

• Menentukan ukuran margin dalam pixel

Answer explanation

Unit viewport (vw, vh) digunakan untuk menentukan ukuran elemen berdasarkan ukuran viewport, sehingga elemen dapat responsif terhadap ukuran layar. Pilihan lain tidak sesuai dengan fungsi unit ini.

Apa yang dimaksud dengan unit ch?

• Lebar karakter '0' pada font yang digunakan

• Tinggi huruf 'x' pada font yang digunakan

• Ukuran margin dalam pixel

• Ukuran font absolut

Answer explanation

Unit 'ch' mengacu pada lebar karakter '0' dalam font yang digunakan. Ini adalah ukuran relatif yang berguna dalam desain tipografi untuk memastikan konsistensi dalam penempatan teks.

Apa yang harus diperhatikan saat memilih unit ukuran?

• Menggunakan unit yang berbeda untuk setiap elemen

• Menggunakan unit yang sama untuk elemen yang serupa

• Menggunakan hanya unit absolut

• Mengabaikan responsivitas

Answer explanation

Memilih unit yang sama untuk elemen yang serupa membantu menjaga konsistensi dan keselarasan dalam desain, sehingga memudahkan pengguna dalam memahami dan berinteraksi dengan elemen-elemen tersebut.