NEW
Font size
WorksheetsQUIZ MODUL 13 APLIKASI CSS PADA TABLE TIK KELAS IX SMP
Total questions: 20
Worksheet time: 7mins
Jika kita ingin memanggil file CSS eksternal bernama style.css, tag HTML apa yang harus kita gunakan?
<link rel="stylesheet" href="nama file css">
<a href="nama file css">
<link ="stylesheet" a href="nama file css">
<link ="stylesheet" href="nama file css">
Tag apa dibawah ini yang digunakan untuk mengetik kode CSS secara internal ?
<css sheet>
<stylesheet>
<style>
<stylecss>
Modul 13 mempelajari penggunaan CSS pada apa ?
Paragraf
Table
Website
Font
Karena saya menggunakan cara internal CSS, maka saya membuat 2 file dalam satu folder
Salah
Benar
"Width" mengatur apa dalam kode CSS ?
Mengatur lebar warna latar belakang
Mengatur lebar
font
Mengatur panjang
cell
Mengatur lebar
tabel
Warna hijau pada tabel di gambar didapat dengan memberi kode di file CSS di bagian mana ?
td
th
tr
td
Dengan gambar yang sama, mana dibawah ini tempat kita memberi kode CSS sehingga latar belakang berwarna putih ?
thead
table
head
body
Dengan gambar yang sama, dimana kita memberi kode warna abu sehingga cell-cell pada hari selasa dan kamis berwarna abu ?
tr
td
thead
table
Apa fungsi utama dari atribut href di dalam tag <link>?
Menentukan jenis hubungan (relationship)
Menentukan ukuran file CSS
Menentukan lokasi atau path dari file CSS
Menentukan bahwa ini adalah file CSS
Properti CSS apa yang digunakan untuk MENGGABUNGKAN garis-garis border pada tabel agar tidak terlihat ganda?
border-collapse: collapse;
table-border: merge;
border: collapse;
border-style: solid;
Perhatikan kode CSS: table { width: 80%; }. Apa artinya ini?
Jarak margin tabel adalah 80%.
Lebar tabel adalah 80% dari lebar elemen induknya (misal: body).
Lebar tabel adalah 80 pixel.
Tinggi tabel adalah 80% dari tinggi layar.
Dalam konteks CSS Box Model, properti apa yang digunakan untuk memberi 'ruang napas' atau jarak DI DALAM border elemen?
Margin
Spacing
Border
Padding
Properti apa yang digunakan untuk memberi jarak DI LUAR border elemen, agar tidak menempel dengan elemen lain?
Margin
Border-Spacing
Outside-Space
Padding
Pada tabel Jadwal Piket, kita ingin memberi warna latar belakang HIJAU hanya pada bagian Judul Kolom (Hari, Guru Piket). Selektor CSS apa yang paling tepat?
tr { background-color: green; }
td { background-color: green; }
th { background-color: green; }
table { background-color: green; }
Jika kita ingin teks 'Senin' di dalam sel tidak terlalu mepet dengan garis bordernya, properti apa yang harus kita tambahkan pada ?
border-width: 10px;
margin: 10px;
text-space: 10px;
padding: 10px;
Apa keuntungan utama menggunakan CSS Eksternal (file .css terpisah) dibandingkan CSS Internal (tag <style>)?
CSS Eksternal memiliki lebih banyak properti daripada Internal.
Lebih aman dari hacker.
Bisa digunakan kembali (reusable) untuk banyak halaman HTML.
Membuat website lebih cepat loading.
Perhatikan kode: h2 { margin-bottom: 20px; }. Apa efek dari kode ini?
Memberi jarak 20px di BAWAH elemen .
Memberi jarak 20px di ATAS elemen .
Membuat teks lebih tebal 20px.
Memberi jarak 20px di DALAM elemen .
Selektor table, th, td digunakan untuk...
Hanya sebagai keterangan
Memberi style HANYA pada datanya
Memberi style yang sama untuk elemen pada selector
Memberi style HANYA pada border selector
Jika file gaya.css tidak berhasil dimuat (tampilan web polos), kemungkinan kesalahan paling umum pada tag <link> adalah...
Salah mengetik path (lokasi file) pada atribut href.
Menaruh tag <link> di dalam <body>.
Salah menulis rel="stylesheet".
Lupa menutup tag <link> dengan </link>.
Kita ingin memberi jarak antara judul <h2>Jadwal Piket</h2> dengan <table> di bawahnya. Properti apa yang sebaiknya ditambahkan pada h2?
padding-top: 20px; (pada tabel)
margin-bottom: 20px;
margin-top: 20px; (pada tabel)
padding-bottom: 20px;
