NEW
Font size
WorksheetsProduktif RPL
Total questions: 43
Worksheet time: 16mins
Tag HTML yang digunakan untuk menampilkan paragraf adalah …
<head>
<p>
<div>
<h1>
<span>
Tag <title> diletakkan di dalam elemen …
<body>
<footer>
<header>
<head>
<section>
Tag HTML untuk menampilkan gambar adalah …
<image>
<src>
<span>
<img>
<frame>
Atribut alt pada tag <img> berfungsi untuk ...
Menentukan tinggi gambar
Menentukan teks alternatif jika gambar tidak tampil
Menentukan lokasi file
Menampilkan tooltip
Mengatur ukuran gambar
Untuk membuat daftar bernomor digunakan tag …
<ul>
<dl>
<ol>
<li>
<list>
Elemen <table> digunakan untuk …
Membuat form input
Membuat daftar isi
Membuat struktur tabel
Membuat navigasi halaman
Membuat daftar tautan
Tag <form> dalam HTML digunakan untuk …
Menampilkan tabel
Mengelompokkan teks
Mengirim dan menerima data dari pengguna
Membuat paragraf
Menampilkan gambar
Atribut target="_blank" pada tag berfungsi untuk …
Membuka link di halaman yang sama
Membuka link di tab baru
Membuka link di bawah teks
Menampilkan link dalam bentuk tombol
Menampilkan pop-up link
Struktur dasar dokumen HTML dimulai dengan deklarasi …
<start>
<html>
<!DOCTYPE html>
<document>
<body>
CSS digunakan untuk …
Menyusun struktur halaman web
Mengatur tampilan dan gaya halaman web
Menghubungkan halaman web ke database
Menjalankan logika interaktif
Mengatur format data
File CSS eksternal dihubungkan ke HTML dengan tag …
<style>
<css>
<script>
<link>
<meta>
Atribut class dalam HTML digunakan untuk …
Mengidentifikasi elemen unik
Mengelompokkan elemen untuk diberikan gaya CSS tertentu
Memberi warna teks
Mengatur ukuran gambar
Menentukan posisi halaman
Selektor CSS yang digunakan untuk memilih elemen berdasarkan ID adalah …
.
#
@
:
!
Property CSS untuk mengubah warna latar belakang adalah …
color
font-color
background-color
bgcolor
fill-color
Property CSS margin digunakan untuk …
Mengatur jarak dalam elemen
Mengatur jarak luar antar elemen
Mengatur ukuran font
Mengatur posisi gambar
Mengubah warna teks
Untuk menulis komentar di dalam CSS digunakan format …
// komentar
/* komentar */
# komentar
-- komentar --
Property CSS yang mengatur ukuran teks adalah …
font-size
text-size
font-weight
size-text
text-font
CSS dapat diterapkan ke halaman web melalui cara berikut, kecuali …
Inline CSS
Internal CSS
External CSS
XML CSS
Embedded CSS
Untuk mengatur teks menjadi rata tengah digunakan property …
text-style
text-align
text-center
align-center
center-text
Bootstrap adalah …
Bahasa pemrograman baru
Framework CSS untuk mempercepat desain web responsif
Editor teks untuk web
Software pengolah gambar
Library JavaScript
Versi terbaru Bootstrap (sampai 2025) menggunakan sistem grid berbasis …
8 kolom
10 kolom
12 kolom
15 kolom
20 kolom
Kelas .container dalam Bootstrap berfungsi untuk …
Membuat efek animasi
Membungkus isi halaman dengan lebar tertentu
Mengatur warna latar
Membuat navbar
Menyusun gambar
Kelas .row dalam sistem grid Bootstrap berfungsi untuk …
Membuat baris yang berisi kolom
Mengatur warna teks
Menyusun gambar
Mengatur ukuran font
Membuat daftar
Kelas .col-md-6 berarti …
Kolom akan memenuhi 6 dari 10 grid
Kolom berukuran sedang dan mengambil 6 bagian dari total 12 grid
Kolom berwarna biru
Kolom diatur secara otomatis
Kolom hanya muncul di perangkat kecil
Kelas .btn dalam Bootstrap digunakan untuk …
Membuat tombol (button) dengan gaya siap pakai
Membuat tabel
Menampilkan gambar
Mengatur header
Membuat form input
Untuk membuat tombol berwarna biru standar digunakan kelas …
.btn-blue
.btn-primary
.btn-info
.btn-main
.btn-default
Bootstrap mendukung desain responsif, artinya …
Tampilan web menyesuaikan ukuran layar perangkat
Web hanya bisa dibuka di komputer
Tampilan web tidak berubah
Web harus dijalankan secara offline
Web hanya bisa diakses dengan browser tertentu
SASS adalah singkatan dari
Simple Advanced Style Syntax
Syntactically Awesome Style Sheets
Systematic Advanced Styling Script
Style And Sheet System
Syntax Arrangement Style Source
File SASS memiliki ekstensi
.html
.css
.scss
.sasss
.js
SASS digunakan untuk
Membuat animasi 3D
Membantu menulis CSS yang lebih efisien dan terstruktur
Menghubungkan HTML dengan JavaScript
Membuat gambar
Membuat database
Variabel dalam SASS diawali dengan simbol
#
@
$
%
&
Contoh penulisan variabel yang benar di SASS adalah
color = red;
$color: red;
#color: red;
@color red;
%color = red;
Fungsi dari mixin dalam SASS adalah
Menyimpan nilai warna
Menggabungkan file CSS
Menyimpan potongan kode CSS yang dapat digunakan berulang
Menjalankan JavaScript otomatis
Menghapus baris kode CSS
Untuk mengimpor file lain ke dalam file SASS digunakan perintah
@insert
@use
@import
@link
@include
CSS yang digunakan untuk mengatur jarak antara elemen adalah …
border
padding
spacing
gap
margin
Tag <div> dalam HTML digunakan untuk …
Menampilkan gambar
Membuat daftar
Membuat elemen blok yang dapat digunakan untuk mengelompokkan konten
Membuat tautan
Menampilkan teks dalam format tebal
Untuk menambahkan komentar dalam CSS, digunakan tanda …
//
/*
#
/* ... */
Berikut yang bukan merupakan fitur dari SASS..
mixin
extend
exclude
nesting
Untuk penggunaan margin dalam bootstrap bisa menambahkan class dengan inisial huruf..
m
p
a
t
Dengan bootstrap, agar posisi content di tengah dapat menggunakan class..
container-fluid
container
bg-light
nav-light
Exetension VS Code untuk penggunaan SASS adalah..
Watch SASS
Live SASS Compiler
SASS
Live Server
File Ekstensi dari SASS
.SASS
.SCSS
Keduanya benar
keduanya salah
