NEW
Font size
WorksheetsPSAS Pemrograman Web
Total questions: 40
Worksheet time: 1hrs 20mins
Apa kepanjangan dari CSS?
Cascading Style Sheets
Colorful Style Sheets
Computer Style Sheets
Creative Sheet Styles
Mengapa kita harus menggunakan CSS?
Untuk memberi gaya dan tata letak halaman web
Supaya website bisa dinamis
Agar tampilan menjadi tidak responsif
Supaya website bisa diakses secara online
Manakah yang digunakan untuk memberikan warna latar belakang pada elemen HTML menggunakan CSS?
color
bgcolor
background-color
font-color
Properti CSS yang digunakan untuk mengatur jenis huruf yaitu font-.....
size
type
text
Apa fungsi dari properti padding dalam CSS?
Mengatur jarak antara elemen dan batas luar
Mengatur jarak antara elemen dan kontennya
Mengatur ukuran teks
Mengatur ukuran elemen
Untuk mengubah warna teks dalam CSS, kita menggunakan properti:
text-color
font-style
font-color
color
Apakah yang dimaksud dengan selektor kelas (class selector) dalam CSS?
Selektor yang digunakan untuk elemen spesifik berdasarkan ID
Selektor yang digunakan untuk elemen berdasarkan jenisnya
Selektor yang digunakan untuk mengidentifikasi elemen dengan kelas tertentu
Selektor yang digunakan untuk memilih elemen berdasarkan atribut
Bagaimana cara menggunakan beberapa file CSS dalam satu halaman HTML?
Menggunakan tag <style> berulang kali
Menggunakan atribut href dalam tag <link>
Menggunakan beberapa tag <link> dengan atribut rel="stylesheet"
Menggunakan tag <import>
Untuk membuat teks dalam elemen berada di tengah secara horizontal, properti CSS yang digunakan adalah...
text-align: middle;
text-align: center;
horizontal-align: center;
align-content: center;
Bagaimana cara menambahkan CSS eksternal ke dalam halaman HTML?
<link rel="stylesheet" type="text/css" href="styles.css">
<style href="styles.css">
<css link="styles.css">
<stylesheet src="styles.css">
Apa yang dimaksud dengan "responsive design" dalam konteks CSS?
Desain yang menggunakan CSS Grid
Desain yang menyesuaikan tampilannya dengan ukuran layar perangkat
Desain yang hanya digunakan untuk perangkat mobile
Desain yang memuat halaman lebih cepat
Selector class ditandai dengan tanda ...
<!--
.
#
*
Manakah dari berikut ini yang merupakan cara yang benar untuk mengomentari kode CSS?
// Ini adalah komentar
/* Ini adalah komentar */
<!-- ini adalah komentar -->
** Ini adalah komentar **
Apabila kita ingin mengganti style sebuah paragraf yang ada di dalam class main, cara pemanggilannya adalah ...
.main
p main
.main p
#main p
Apakah yang dimaksud dengan selektor ID (ID selector) dalam CSS?
Selektor yang digunakan untuk elemen berdasarkan kelas
Selektor yang digunakan untuk elemen spesifik berdasarkan ID
Selektor yang digunakan untuk semua elemen
Selektor yang digunakan untuk elemen berdasarkan atribut
Apa arti dari kelas hover:bg-blue-500 dalam Tailwind CSS?
Memberikan warna latar belakang biru secara permanen
Memberikan warna latar belakang biru hanya pada elemen yang diklik
Memberikan warna latar belakang biru saat kursor melayang di atas elemen
Memberikan warna latar belakang biru dengan transparansi
Bagaimana cara mengatur teks menjadi tebal di Tailwind CSS?
text-large
text-bold
text-thick
font-bold
Apa hasil dari kelas grid-cols-3 dalam Tailwind CSS?
Menambahkan margin pada 3 kolom
Membagi kolom menjadi 3 bagian sama besar
Menentukan lebar kolom ke 3px
Mengatur grid menjadi hanya memiliki 3 baris
Apa yang dimaksud dengan utility-first framework dalam Tailwind CSS?
Framework yang menyediakan kelas kecil yang bisa dikombinasikan untuk membuat desain
Framework yang hanya menyediakan kelas-kelas untuk komponen kompleks
Framework yang otomatis menghasilkan kode CSS
Framework yang hanya mendukung proyek berbasis JavaScript
Bagaimana cara mengintegrasikan Tailwind CSS dalam proyek baru?
Menulis semua kelas secara manual tanpa file tambahan
Membuat file CSS dengan framework lain
Menggunakan file CDN atau menginstalnya melalui npm (CLI)
Menggunakan Tailwind hanya dengan framework seperti React atau Vue
Apa fungsi file tailwind.config.js dalam proyek Tailwind CSS?
Mengatur konfigurasi global seperti warna, font, atau breakpoint
Menyimpan semua gaya yang ditulis dalam Tailwind CSS
Mengatur file CDN yang digunakan dalam proyek
Tidak ada fungsi khusus, hanya file tambahan
Apa keunggulan utama Tailwind CSS dibandingkan framework lain seperti Bootstrap?
Tailwind CSS lebih sederhana dan ringan tanpa komponen bawaan
Tailwind CSS memiliki dokumentasi yang lebih lengkap daripada framework lain
Tailwind CSS mendukung semua browser tanpa pengaturan tambahan
Tailwind CSS memberikan fleksibilitas penuh untuk desain tanpa keterbatasan gaya bawaan
Kapan kita perlu menggunakan fitur container di Tailwind CSS?
Ketika ingin membuat elemen responsif secara horizontal dengan lebar maksimum tertentu
Ketika elemen membutuhkan margin besar secara otomatis
Untuk mengatur tinggi elemen ke layar penuh
Untuk membuat elemen menjadi elemen inline
Apa peran direktori node_modules saat menggunakan Tailwind CSS melalui npm (Tailwind CLI)?
Menyimpan elemen responsif dari Tailwind CSS
Menyimpan file HTML proyek
Menyimpan file konfigurasi proyek
Menyimpan file CSS dan JavaScript bawaan dari Tailwind CSS
Apa arti kelas w-1/2 dalam Tailwind CSS?
Memberikan margin sebesar 50%
Memberikan padding sebesar 50%
Mengatur lebar elemen menjadi setengah dari kontainer induknya
Mengatur tinggi elemen menjadi setengah
Kelas apa yang digunakan untuk menambahkan garis luar pada elemen?
outline
border
shadow
line-out
Kelas mana yang digunakan untuk mengatur elemen menjadi full width?
full-width
width-100
w-100
w-full
Apa yang dilakukan oleh kelas uppercase?
Membuat teks menjadi huruf kapital semua
Membuat teks menjadi huruf kecil semua
Membuat teks menjadi tebal
Membuat teks menjadi rata kiri
Agar tulisan "Home, Menu, Contact" menjadi sejajar dalam tampilan web yang menggunakan Tailwind, gunakan class ...
block
flex
px-auto
gap-2
Class yang tepat untuk tag <div> untuk mengatur tata letak secara horizontal dengan jarak sama rata adalah ...
justify-center
justify-around
justify-between
justify-evenly
Class yang tepat untuk tag <div> ke 4 dan <div> ke 7 dalam penggunaan Tailwind adalah ...
colspan-2
col-span-2
rowspan-auto
row-span-2
Atribut berikut yang digunakan untuk membuka link pada jendela atau tab baru adalah ...
_blank
_top
_parent
_inframe
Elemen HTML yang berfungsi menghubungkan suatu halaman web ke halaman web yang lain adalah ...
Image
Form
Hyperlink
Tabel
Dalam HTML terdapat tag yang berfungsi sebagai pembuat input dengan pilihan yang berbentuk list drop down adalah ...
<checkbox>
<select>
<option>
<optgroup>
Tag HTML yang digunakan untuk membuat daftar (list) menggunakan nomor, huruf, romawi, dan lainnya ...
<dt>
<li>
<ul>
<ol>
Nama unik yang diberikan untuk mengidentifikasi nama web di jaringan komputer ataupun internet disebut ...
Domain
HTTP
Internet
Hosting
Salah satu atribut yang digunakan untuk menentukan URL (lokasi) gambar pada HTML adalah ...
src
float
img
alt
Teks editor untuk menulis HTML di antaranya, kecuali ...
Visual Studio Code
Sublime Text
Notepad++
Photoshop
Orang yang mempunyai keahlian bahasa pemrograman dan dapat membuat program yang diperlukan pada sistem komputer disebut ...
Programmer
Teknisi
Administrator
Operator
Apa kepanjangan WWW ...
Word Wide Web
Wade World Web
World Web Wide
World Wide Web
