NEW
Font size
WorksheetsRemidi PPLG
Total questions: 50
Worksheet time: 25mins
Tag apa yang digunakan untuk membuat judul halaman web?
<title>
<head>
<meta>
<header>
Tag HTML mana yang digunakan untuk membuat hyperlink?
<a>
<link>
<href>
<nav>
Atribut apa yang digunakan untuk menentukan alamat tujuan link?
src
link
href
target
Tag apa yang digunakan untuk menampilkan gambar di halaman web?
title
caption
alt
name
Tag apa yang digunakan untuk menampilkan gambar di halaman web?
<picture>
<img>
<image>
<src>
Elemen HTML mana yang digunakan untuk membuat paragraf?
<p>
<text>
<div>
<br>
Tag untuk membuat daftar bernomor adalah?
<ul>
<ol>
<dl>
<list>
Tag <br> berfungsi untuk...
Membuat garis horizontal
Membuat tabel
Membuat paragraf baru
Membuat jeda baris
Tag apa yang digunakan untuk membuat tabel?
<table>
<tab>
<td>
<form>
Elemen <th> digunakan untuk...
Membuat sel data
Menambahkan baris baru
Membuat judul kolom
Menandai akhir tabel
Tag HTML untuk membuat teks tebal adalah?
<i>
<b>
<strong>
<em>
Tag HTML untuk membuat teks miring adalah?
<m>
<italic>
<i>
<slant>
Elemen HTML yang berisi metadata disebut...
<header>
<meta>
<head>
<footer>
Properti object-fit: contain; digunakan untuk...
Menyesuaikan gambar dalam elemen tanpa terpotong
Memperbesar gambar
Menghapus gambar
Mengatur posisi teks
Tag apa yang digunakan untuk membuat input teks?
<textbox>
<input type="text">
<text>
<field>
Properti background-size: cover; berarti...
Gambar dipotong
Gambar ditampilkan kecil
Gambar diulang
Gambar mengisi seluruh elemen
Media query @media (max-width: 600px) digunakan untuk...
Menentukan ukuran default
Menjalankan script
Mengatur tampilan pada layar kecil (≤600px
Mengubah warna
Properti cursor: pointer; digunakan untuk...
Mengubah tampilan kursor saat diarahkan
Menentukan posisi pointer
Menjalankan event klik
Membuat tombol
Nilai opacity: 0.5; berarti...
Elemen tidak terlihat
Elemen setengah transparan
Elemen hilang
Elemen hitam putih
Properti box-shadow digunakan untuk...
Bayangan luar elemen
Bayangan teks
Mengatur border
Mengatur radius
tribut target="_blank" digunakan untuk...
Membuka link di tab baru
Membuka link di jendela lama
Membuka link di popup
Menyimpan file
Untuk membuat form, tag yang digunakan adalah...
<input>
<form>
<fieldset>
<section>
Tag <title> berada di dalam...
<body>
<head>
<html>
<meta>
Tag <hr> berfungsi untuk...
Heading
Spasi
Ganti baris
Garis horizontal
Tag HTML <script> digunakan untuk...
Menampilkan metadata
Menambahkan logika JavaScript
Mengatur gaya CSS
Mengelola link
Elemen <meta charset="UTF-8"> digunakan untuk...
Menentukan ukuran font
Menentukan pengkodean karakter dokumen
Menentukan metadata gambar
Menentukan versi HTML
Flexbox menggunakan properti utama...
display: flex;
display: block;
display: inline;
display: grid;
Properti justify-content digunakan untuk...
Mengatur arah flex item
Mengatur posisi item secara horizontal
Mengatur jarak antar item secara vertikal
Mengatur ukuran elemen
Nilai overflow: hidden; digunakan untuk...
Menyembunyikan konten yang keluar area
Menampilkan scroll
Memperluas elemen
Membatasi ukuran
Jika tag <img> tidak memiliki atribut alt, apa yang terjadi ketika gambar gagal dimuat?
Teks alternatif tampil
Tidak ada teks yang muncul
Browser menampilkan “error”
Gambar diganti warna hitam
Tag <link rel="icon" href="logo.png"> digunakan untuk...
Menyimpan file
Menyisipkan CSS
Menentukan ikon di tab browser
Menambahkan gambar di body
Apa hasil dari kode berikut?
<ul>
<li>Apel</li>
<li>Mangga</li>
<li>Jeruk</li>
</ul>
Daftar tanpa nomor
Daftar dengan nomor
Daftar tabel
Teks biasa
Apa hasil dari kode berikut?
div p {
color: red;
}
Tidak terjadi apa-apa
Semua paragraf di halaman merah
Semua div jadi merah
Semua paragraf di dalam div berwarna merah
Fungsi dari overflow-y: scroll; adalah...
Menyembunyikan elemen
Membuat efek hover
Scroll horizontal
Menampilkan scroll vertikal
Fungsi calc(100% - 50px) adalah...
Menentukan ukuran tetap
Menghitung nilai dinamis
Mengatur warna
Menentukan grid
Fungsi transition-delay adalah...
Menghapus efek
Menambah durasi
Menunda awal transisi
Mengubah arah
filter: blur(5px); berfungsi untuk...
Mengubah ukuran
Membalik warna
Membuat efek blur
Membuat efek cahaya
Nilai display: none; vs visibility: hidden; bedanya adalah...
none hilang dari layout, hidden masih ga ada ruangnya
Keduanya transparan
Sama saja
none hilang dari layout, hidden masih ada ruangnya
Apa perbedaan id dan class dalam HTML?
id bisa digunakan banyak elemen
class hanya bisa satu
id unik untuk satu elemen, class bisa digunakan berulang
Tidak ada perbedaan
Selector CSS manakah yang menargetkan elemen dengan id tertentu?
.
#
@
*
Manakah sintaks CSS yang benar untuk membuat teks berwarna biru?
text: blue;
color: blue;
font-color: blue;
text-color: blue;
Apa fungsi position: absolute;?
Menyusun elemen sejajar
Mengunci elemen di layar
Mengatur posisi relatif terhadap elemen induk terjauh
Mengatur posisi relatif terhadap elemen induk terdekat
Untuk membuat sudut kotak melengkung digunakan properti apa?
corner-shape
border-style
border-radius
border-width
:hover adalah contoh dari?
Tag khusus
Pseudo-element
Pseudo-class
Selector atribut
Apa fungsi opacity dalam CSS?
Mengatur warna
Mengatur tingkat kecerahan
Mengatur tingkat transparansi elemen
Mengatur ketebalan border
Apa fungsi float?
Mengatur animasi
Menentukan warna latar
Menyembunyikan elemen
Mengapungkan elemen di kiri atau kanan
Bagaimana cara mengimpor file CSS eksternal dengan benar?
<css src="style.css">
<import src="style.css">
<link rel="stylesheet" href="style.css">
<style link="style.css">
Properti transform: rotate(45deg); berfungsi untuk?
Mengubah warna
Menggeser elemen
Memperbesar elemen
Memutar elemen 45 derajat
Untuk membuat gradient background, digunakan properti...?
image-gradient
color-gradient
background-color: gradient
background-image: linear-gradient(...)
Untuk membuat teks kapital semua huruf digunakan?
transform-text: cap;
text-style: uppercase;
text-transform: uppercase;
font-type: upper;
