Asesmen Formatif

Apa tujuan utama dari layout dalam halaman web?

• Untuk membuat animasi yang menarik

• Untuk menata elemen visual agar mudah dibaca dan menarik

• Untuk menyimpan data pengguna secara aman

• Untuk mempercepat kondisi internet

• Untuk menambahkan suara latar pada halaman

Jenis layout yang paling modern dan direkomendasikan saat ini untuk fleksibilitas dan responsivitas adalah …

• Layout berbasis <table>

• Layout berbasis <frameset>

• Layout berbasis <div>

• Layout berbasis <applet>

• Layout berbasis <font>

Elemen HTML <div> pada dasarnya berfungsi sebagai …

• Teks tebal

• Judul utama halaman

• Wadah atau kotak genetik untuk mengelompokkan elemen lain

• Tautan navigasi

• Gambar latar belakang

Jika ingin membuat dua kolom bersebelahan (konten dan sidebar) dalam sebuah div pembungkus, properti CSS apa yang paling sering digunakan pada div pembungkus tersebut?

• position: absolute;

• float: left;

• display: flex;

• text-align: center;

• background-color: blue;

Properti CSS flex-direction: column; pada sebuah container Flexbox akan membuat elemen-elemen didalamnya tersusun secara …

• Horizontal (dari kiri ke kanan)

• Vertical (dari atas ke bawah)

• Diagonal

• Zig-zag

• Berurutan acak

Apa manfaat utama dari desain responsif pada sebuah halaman web?

• Membuat halaman lebih cepat dimuat.

• Memastikan halaman terlihat optimal di berbagai ukuran layar (HP, tablet, komputer).

• Menambahkan efek visual yang menarik.

• Melindungi halaman dari serangan virus.

• Mengurangi jumlah kode CSS yang digunakan.

Bagian CSS @media (max-width: 768px) digunakan untuk …

• Mengatur ukuran font maksimum.

• Menerapkan gaya CSS hanya ketika lebar layar kurang dari atau sama dengan 768 piksel.

• Menentukan jumlah gambar maksimum yang bisa dimuat.

• Membatasi tinggi halaman web.

• Mengatur kecepatan animasi dibawah 768 frame per detik.

Dalam sebuah layout Flexbox dengan flex: 3; dan flex: 1; untuk dua kolom, ini berarti …

• Kolom pertama akan tiga kali lebih tinggi dari kolom kedua.

• Kolom pertama akan memiliki lebar tetap 3 piksel.

• Kolom pertama akan mengambil 3 bagian besar, dan kolom kedua 1 bagian (total 4 bagian).

• Kolom pertama akan muncul tiga kali, dan kolom kedua satu kali.

• Keduanya akan memiliki lebar yang sama.

Mengapa layout berbasis <table> tidak direkomendasikan untuk struktur halaman web modern?

• Karena tabel terlalu lambar untuk dimuat.

• Karena <table> hanya bisa menampilkan angka.

• Karena <table> sulit dibuat responsif dan tidak semantik untuk layout.

• Karena <table> menyebabkan masalah keamanan.

• Karena <table> hanya bekerja dibrowser lama.

Jika anda ingin sebuah elemen div selalu berada di paling atas halaman web meskipun pengguna menggulir halaman ke bawah, properti CSS apa yang laing tepat digunakan?

• position: static;

• postion: relative;

• position: fixed;

• postion: absolute;

• position: sticky;