WorksheetsAsesmen Formatif
Total questions: 10
Worksheet time: 5mins
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;
