Font size
WorksheetsQuiz Stand Website
Total questions: 20
Worksheet time: 8mins
HTML terdiri dari kombinasi teks dan simbol yang disimpan dalam sebuah file. Untuk membuat file HTML, harus mengikuti standar atau format khusus. Format ini tertuang dalam..
ASCII (American Standard Code for Information Interchange)
Lab work in Programming
European Organization for Nuclear Research (CERN)
Logic for Computer Science
Cryptography and Network Security
Apa fungsi utama dari CSS dalam pengembangan web?
Menentukan struktur konten halaman web
Menambahkan interaktivitas ke halaman web
Mengatur tampilan dan gaya visual halaman web
Mengelola data pada database
Menjalakan logika pada sisi server
Sintaks di bawah ini digunakan untuk membuat …
<body style=”background-color: green;”>
a. Menambah warna latar belakang
b. Membuat huruf tebal
c. Membuat tulisan
d. Navigasi
e. Membuat Link
Apa kepanjangan dari HTML?
HyperText Markup Language
HyperLink and Text Management Language
Home Tool Markup Language
HyperText Modeling Language
HyperText Management Language
Apa perbedaan utama antara frontend dan backend dalam pengembangan web?
Frontend menangani logika server, sedangkan backend menangani tampilan.
Frontend menangani tampilan, sedangkan backend menangani logika server.
Frontend dan backend memiliki fungsi yang sama.
Frontend menggunakan bahasa pemrograman yang berbeda dengan backend.
Frontend hanya untuk aplikasi desktop, sedangkan backend hanya untuk aplikasi web.
Teknologi mana yang digunakan untuk frontend development pada pemrograman web?
a. HTML, CSS, JavaScript
b.PHP, Node.js, Ruby
c. MongoDB, MySQL, PostgreSQL
d. Flask, Django, Laravel
e. REST, GraphQL, gRPC
Manakah dari berikut ini yang merupakan framework CSS yang populer dan berbasis utility-first?
Boostrap
Tailwind CSS
Materialize
Foundation
Bulma
Sebuah library Java Script yang bersifat open-source. Dikembangkan oleh Meta dan dirilis pertama kali pada tahun 2013. Library ini dirancang untuk membantu developer membangun user interface yang dinamis, cepat, dan terorganisir dengan pendekatan berbasis komponen. Dengan library ini developer dapat membuat web aplication yang kaya akan fitur, modular, dan mudah dikelola. Pernyataan tersebut merujuk kepada ....
React JS
SCSS
Vue JS
Angular
Next JS
Di Tailwind CSS, bagaimana cara mengatur lebar elemen menjadi 50% dari lebar kontainer?
a. w-50%
b. width -1/2
c. w-1/2
d. width-50%
e. w-half
Anda diminta untuk membangun sebuah halaman produk untuk sebuah toko online (struktur dan tampilan dasar). Halaman ini harus menampilkan gambar produk, nama produk, harga, dan deskripsi singkat. Selain itu, halaman ini juga harus memiliki tombol "Tambah ke Keranjang". Bahasa pemrograman apa yang paling tepat untuk membangun tampilan halaman produk ini?
Python
Java
Tailwind
HTML dan CSS
HTML5 dan CSS3
Apa karakteristik utama dari Tailwind CSS dibandingkan framework CSS lainnya?
a. Komponen bawaan yang lengkap
b. Utility-first untuk membuat desain tanpa harus menulis CSS kustom
c. Fokus pada backend development
d. Menggunakan template bawaan yang wajib diikuti
e. Tidak mendukung responsivitas
Elemen HTML5 mana yang paling tepat untuk digunakan menampilkan konten interaktif atau grafik?
<canvas>
<figure>
<svg>
<article>
<section>
Dalam Tailwind CSS, utility class apa yang digunakan untuk membuat teks menjadi tebal?
font.weight
font-medium
font-bold
font.bold
font-bold.
Apa properti CSS3 untuk membuat teks miring?
font-style: italic;
text-align: italic;
font-weight: italic;
text-decoration: italic;
font.style: italic;
Seorang siswa ingin membuat halaman web sederhana yang berisi teks "Selamat Datang" dengan ukuran besar di bagian tengah halaman. Tag HTML apa yang sebaiknya digunakan untuk teks ini? Jangan perhatikan gambar di atas.
<p>
<H1>
<title>
<h1>
<text-big>
Manakah pernyataan yang benar tentang React.js?
a. React.js adalah framework full-stack.
b. React.js digunakan untuk backend development.
c. React.js menggunakan konsep Virtual DOM.
d. React.js adalah framework berbasis PHP.
e. React.js memerlukan database bawaan.
Manakah sintaks yang benar untuk menambahkan file CSS Bootstrap dari CDN?
a. <link href="https://cdn.bootstrap.com/bootstrap.css" rel="stylesheet">
b. <css href="bootstrapcdn.com/bootstrap.css" rel="stylesheet">
c. <stylesheet src="bootstrap.min.css">
d. <style src="https://cdn.bootstrap.net/bootstrap.css">
e.<linkrel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
Framework berbasis React yang digunakan untuk membangun aplikasi web modern. Framework ini menyediakan berbagai fitur unggulan yang membantu pengembang membuat aplikasi dengan performa tinggi, efisien, dan mudah diimplementasikan. framework ini yang dirancang untuk mendukung pengembangan aplikasi web server-rendered atau static-generated dengan lebih mudah. Pernyataan tersebut merujuk pada ...
React JS
Next JS
Netx JS
React Native
Blitz JS
Anda diminta membuat halaman web sederhana untuk tugas sekolah. Halaman tersebut hanya memiliki latar belakang berwarna biru muda dan teks di tengahnya yang berbunyi "Halo Dunia". Apa kode CSS yang paling sederhana untuk membuat latar belakang berwarna biru muda?
background-color: lightblue;
bgr-color: lightblue;
background: blue;
color: lightblue;
bg: lightblue;
Manakah dari berikut ini yang benar tentang penggunaan properti position: absolute; dalam CSS?
a. Elemen dengan posisi absolute akan diposisikan relatif terhadap elemen terdekat dengan posisi relative
b. Elemen dengan posisi absolute selalu diposisikan di atas halaman
c. Properti absolute hanya berfungsi di elemen dengan ukuran tetap
d. Elemen dengan posisi absolute akan selalu mengubah layout elemen lainnya
e. absolute adalah nilai default untuk properti position
