Font size
WorksheetsFront End Web Fundamentals Overview
Total questions: 87
Worksheet time: 44mins
Pada daftar topik di gambar, mana yang berfungsi untuk memberi struktur dasar pada halaman web?
Bootstrap untuk komponen siap pakai
JavaScript untuk logika interaksi
HTML untuk struktur konten
CSS untuk tata letak halaman
Seorang siswa ingin menyesuaikan warna, font, dan jarak elemen pada halaman. Berdasarkan topik di gambar, alat apa yang paling tepat digunakan?
jQuery untuk animasi cepat
CSS untuk gaya tampilan
GitHub untuk menyimpan kode
HTML untuk menandai paragraf
Kamu akan membuat proyek akhir yang menampilkan galeri interaktif. Pilih kombinasi alat yang paling masuk akal dari daftar pada gambar untuk merencanakan solusi ini.
HTML untuk struktur, CSS untuk gaya, JavaScript untuk interaksi
GitHub untuk hosting, jQuery untuk struktur, Bootstrap untuk logika
JavaScript untuk gaya, HTML untuk animasi, GitHub untuk komponen
Bootstrap untuk server, CSS untuk database, HTML untuk API
Apa definisi paling tepat tentang internet bagi pengguna sehari-hari?
Perangkat keras yang menyimpan semua situs web dunia
Program untuk mengirim email antar komputer lokal
Aplikasi chatting yang bekerja tanpa jaringan
Jaringan global menghubungkan perangkat seluruh dunia
Langkah pertama saat data dikirim melalui internet menurut skema umum?
Data dibagi menjadi paket-paket kecil
ISP mengubah domain menjadi email
Router memutus koneksi jaringan
Server langsung mengirimkan file utuh
Apa fungsi alamat IP dalam komunikasi internet?
Menghapus cache pada server jarak jauh
Mengamankan data dengan enkripsi otomatis
Mengidentifikasi perangkat pada jaringan
Mengompres berkas menjadi ukuran kecil
Manakah contoh format alamat IP yang benar?
google@mail.com
http://facebook.com
www.google.com
172.217.204.102
Apa peran utama DNS saat kamu mengetik nama domain di browser?
Mengubah HTML menjadi file gambar
Memblokir akses ke semua situs asing
Menerjemahkan nama domain ke alamat IP
Menentukan kecepatan unduhan pengguna
Mengapa internet memungkinkan komunikasi real-time lintas negara?
Karena domain lebih cepat daripada IP
Karena ISP mengirim pesan melalui SMS
Karena semua data disimpan di satu server
Karena jaringan global saling terhubung
ISP dalam konteks internet berperan sebagai apa?
Protokol yang mengenkripsi semua paket
Perangkat lunak untuk membuat situs web
Pengganti nama domain pada halaman web
Penyedia akses koneksi ke jaringan internet
Urutan proses yang benar saat mengakses situs:
IP -> Server -> ISP -> Browser
DNS -> Browser -> IP -> Server
Server -> ISP -> DNS -> Browser
Browser -> DNS -> IP -> Server
Pernyataan yang tepat tentang paket data adalah:
Paket selalu dikirim satu jalur tetap dan tunggal
Paket berisi hanya gambar tanpa teks
Paket tidak membutuhkan router untuk lewat
Paket melalui beberapa jalur berbeda ke tujuan
Jika browser mengakses github.com, komponen apa yang mencocokkan domain itu dengan IP?
Aplikasi email default
DNS pada jaringan
Editor teks sistem
Firewall komputer
Manakah pasangan yang sepadan antara komponen dan contoh?
Domain: google.com
IP: http://example
ISP: 172.217.204.102
Protocol: facebook.com
Saat koneksi internet lambat, bagian mana yang kemungkinan mempengaruhi kecepatan akses?
Kualitas layanan ISP
Format penulisan nama domain
Tema warna halaman web
Jumlah huruf pada alamat email
Mengapa DNS penting bagi pengguna biasa yang tidak menghafal angka?
Mengganti semua IP dengan gambar ikon lucu
Memudahkan akses dengan nama yang mudah diingat
Menghapus kebutuhan router sepenuhnya
Menentukan isi konten halaman secara otomatis
Apa hubungan antara ISP dan DNS ketika kamu terhubung dari rumah?
ISP menyediakan layanan yang mengarahkan permintaan ke server DNS
DNS menjadi pengganti modem dalam jaringan
DNS memasang kabel fisik ke rumah pelanggan
ISP menyimpan semua situs web di satu perangkat
Alamat IP lokal seperti 192.168.0.1 biasanya digunakan untuk apa?
Mengunduh aplikasi dari toko online
Mengakses perangkat jaringan lokal seperti router
Menjelajah situs publik di internet langsung
Mengirim email ke domain sekolah
Istilah apa kepanjangan dari HTML dalam pengembangan web?
HighTech Modeling Layer
Hyperlink Text Management
Human-Text Mapping Logic
HyperText Markup Language
Peran utama CSS saat bekerja dengan halaman web yang dibuat dengan HTML adalah apa?
Menambahkan gaya dan memformat tampilan
Mengelola basis data dan server
Membuat logika bisnis aplikasi
Mengompresi gambar dan video
Manakah fungsi utama JavaScript pada website?
Menghosting repositori kode publik
Mendesain layout responsif siap pakai
Menyusun struktur konten statis
Menambahkan interaktivitas dan perilaku
Apa itu jQuery dalam konteks front end?
Pustaka JavaScript yang menyederhanakan penulisan kode
Editor grafis untuk membuat ikon antarmuka
Kerangka kerja back-end untuk basis data relasional
Bahasa markup khusus untuk dokumen cetak
Bootstrap paling tepat digunakan untuk apa?
Membuat animasi 3D untuk video game
Menulis skrip otomatisasi sistem operasi
Membangun website responsif dan mobile-first
Menganalisis lalu lintas jaringan lokal
Apa manfaat utama menggunakan GitHub bagi pengembang?
Penyediaan server email siap pakai
Pembuatan presentasi multimedia interaktif
Penyuntingan gambar beresolusi tinggi secara daring
Kontrol versi, kolaborasi, dan hosting repositori Git
Pernyataan mana yang paling tepat tentang HTML?
HTML adalah sistem operasi untuk web modern
HTML adalah bahasa markup untuk struktur konten
HTML adalah alat desain grafis berbasis vektor
HTML adalah bahasa pemrograman penuh fitur
Tujuan utama bahasa pemrograman dibandingkan bahasa markup adalah...
Mengatur tampilan dan struktur konten halaman
Memberi nama file dan folder proyek web
Mengembangkan logika dan fungsionalitas aplikasi
Mengubah ukuran font dan warna teks halaman
Apa kepanjangan dari HTML?
Hyper Tool Media Layer
Hyper Text Markup Language
High Tech Modeling Language
Hyper Transfer Markup Library
Manakah contoh fokus presentational markup?
Menjelaskan arti bagian konten halaman
Mengatur ukuran font dan warna teks
Menandai artikel sebagai konten utama
Memberi struktur dokumen untuk mesin pencari
Markup semantik membantu pihak berikut untuk memahami konten. Pilih jawaban paling lengkap.
Hanya desainer grafis dan editor video
Hanya server yang menyimpan halaman web
Search engine, browser, dan developer
Hanya pengguna akhir yang membaca halaman
Pernyataan yang benar tentang perbedaan markup dan programming adalah...
Markup menjalankan perhitungan kompleks, programming menata teks
Markup fokus pada gaya visual, programming fokus logika
Markup membuat database, programming mengubah warna tombol
Markup mengelola jaringan, programming mengatur struktur dokumen
Jika kamu ingin bagian artikel mudah dikenali oleh mesin pencari, elemen apa yang seharusnya digunakan?
Elemen semantik seperti article atau header
Gambar dekoratif tanpa teks alternatif
Elemen presentasi seperti b atau i
Komentar HTML untuk penjelasan developer
Kapan presentational markup lebih tepat digunakan?
Saat mendeskripsikan makna bagian dokumen
Saat mengoptimalkan konten untuk mesin pencari
Saat mengubah layout, warna, dan gaya visual
Saat menentukan struktur logis konten halaman
Pilih pernyataan yang TIDAK tepat tentang HTML.
HTML merupakan bahasa markup pada pengembangan web
HTML dipakai untuk membuat aplikasi fungsional kompleks
HTML mengatur struktur dan tampilan konten
HTML bukan bahasa pemrograman penuh logika
Dalam proses pengembangan front end, peran HTML adalah...
Menyediakan kerangka struktur konten halaman
Menangani interaksi logika dan perhitungan data
Mengelola basis data di sisi server
Mengatur protokol jaringan dan keamanan
Pada diagram, bagian mana yang disebut “opening tag” pada contoh Hello World ?
Apa fungsi atribut href dalam tag pada diagram?
Menutup elemen anchor
Mengganti nama tag elemen
Menampilkan teks konten link
Menentukan tujuan tautan URL
Jika teks konten diubah menjadi "Kunjungi Situs", bagian apa yang berubah dalam elemen tersebut?
Hanya bagian content berubah
Nilai atribut href berubah
Opening tag ikut berubah
Closing tag ikut berubah
Seorang siswa menulis Hello World. Apa akibat paling mungkin?
Atribut otomatis diperbaiki
Elemen tidak tertutup dengan benar
Browser membuat tag penutup a
Konten tetap ditampilkan normal
Langkah pertama saat membuat template HTML di VS Code adalah membuat file baru dengan ekstensi apa?
.html untuk halaman web
.txt sederhana tanpa format
.js untuk skrip JavaScript
.css khusus styling
Di dalam lembar kerja baru, kombinasi tombol yang digunakan untuk memicu Emmet Abbreviation untuk template HTML adalah apa?
ALT+* tanda bintang
. SHIFT+! tanda seru
CTRL+? tanda tanya
CTRL+/ garis miring
Setelah mengetik tanda seru, tindakan berikutnya agar template HTML muncul secara otomatis adalah apa?
Tekan ENTER sekali saja
Simpan file lalu Reload
Klik kanan lalu Format
Tekan TAB dua kali berurutan
Tag meta viewport pada template berfungsi utama untuk apa?
Menentukan warna latar halaman awal
Menambahkan font khusus ke dokumen
Mengatur lebar perangkat dan skala awal
Mengaktifkan JavaScript pada body
Jika kamu lupa menyimpan file dengan ekstensi .html, apa konsekuensi yang paling mungkin terjadi di VS Code terkait Emmet?
Emmet tidak mengenali konteks HTML
Editor otomatis menambah tag body
Tema berubah menjadi gelap otomatis
Kinerja komputer melambat drastis
Kamu ingin membuat halaman responsif dasar. Dari template yang dihasilkan, perubahan mana yang paling relevan untuk mulai menyesuaikan halaman?
Memindahkan tag meta charset ke body
Mengganti lang="en" menjadi tag script
Menambahkan judul khusus di dalam tag title
Menghapus deklarasi DOCTYPE sepenuhnya
Apa fungsi utama deklarasi pada berkas HTML?
Memberi tahu versi HTML ke browser
Mengaktifkan mode kompatibilitas IE edge
Menentukan bahasa pemrograman di halaman
Mengatur ukuran viewport perangkat
Tag mana yang menjadi akar dokumen dan membungkus seluruh konten halaman?
sebagai elemen root
Apa tujuan atribut lang="en" pada tag ?
Memaksa browser menjalankan mode edge
Menandai bahasa Inggris untuk dokumen
Menyetel encoding karakter menjadi UTF-8
Mengatur skala awal viewport perangkat
Meta charset="UTF-8" digunakan untuk...
Memberitahu set karakter yang dipakai
Menyembunyikan judul halaman di tab
Mengatur tinggi halaman secara otomatis
Menentukan versi browser yang digunakan
Apa fungsi meta tag http-equiv="X-UA-Compatible" content="IE=edge"?
Menentukan bahasa konten menjadi Inggris
Mengatur skala tampilan pada perangkat
Mengganti encoding dari ASCII ke UTF-8
Meminta Internet Explorer memakai mode terbaru
Meta name="viewport" content="width=device-width, initial-scale=1.0" berguna untuk...
Membuat halaman responsif di perangkat
Memilih versi HTML yang digunakan
Menentukan judul dokumen di tab
Mengaktifkan fitur kompatibilitas lama
Di mana seharusnya tag
Di luar tag seluruhnya
Di dalam
setelah headingDi dalam
sebagai teks paragraf
Di dalam
bagian atasElemen
berisi...Metadata dan pengaturan halaman
Pengaturan bahasa dan encoding
Deklarasi versi dokumen
Konten yang ditampilkan ke pengguna
Urutan heading yang benar dari paling besar ke kecil adalah...
, , , , ,
, , ,
,
, , , , ,
, , ,
,
, , , , ,
, , ,
,
, , , , ,
, , ,
,
Jika kamu ingin menulis dua paragraf teks pada halaman, tag mana yang tepat digunakan?
Gunakan dua elemen
terpisah
Gunakan satu
untuk keduanya
Gunakan
Gunakan untuk setiap paragraf
Tag mana yang digunakan untuk membuat teks menjadi tebal dalam HTML?
untuk paragraf
untuk garis bawah
untuk teks tebal
untuk teks miring
Untuk menulis rumus H2O dengan angka 2 di bawah huruf H, tag apa yang harus digunakan?
Gunakan untuk 2 di bawah
Gunakan untuk 2 di bawah
Gunakan untuk 2 di bawah
Gunakan untuk 2 di bawah
Manakah pilihan yang paling tepat untuk membuat teks miring di HTML?
Tuliskan
di sekitar teks
Gunakan di sekitar teks
Tambahkan sebelum teks
Ganti dengan
Jika kamu ingin memisahkan kalimat menjadi paragraf baru, tag mana yang sebaiknya dipakai?
untuk paragraf baru
untuk paragraf baru
untuk paragraf baru
untuk paragraf baru
Kamu ingin menampilkan 2 pangkat 2 seperti 2². Tag mana yang tepat untuk angka pangkatnya?
untuk angka pangkat
untuk angka pangkat
untuk angka pangkat
untuk angka pangkat
Kode berikut menghasilkan apa di layar? Teks contoh
Teks bergaris bawah
Teks menjadi miring
Teks menjadi paragraf
Teks menjadi tebal
Tag HTML apa yang digunakan untuk membuat daftar berurutan dengan penomoran otomatis?
- untuk bullet standar
- untuk penomoran otomatis
- untuk deskripsi item
Perhatikan kode:
- ...
Kotak hitam kecil sebagai bullet
Lingkaran kosong pada setiap item
Angka 1–3 di depan item
Huruf a–c sebagai penanda
Kamu ingin menampilkan daftar siswa dengan penanda huruf a, b, c. Atribut apa yang tepat pada tag
- ?
type="1" untuk angka urut
type="a" untuk huruf kecil
type="A" untuk huruf kecil
type="i" untuk bullet kotak
Kamu diminta membuat daftar inventaris tanpa penanda apa pun di depan item. Opsi yang paling tepat adalah…
Gunakan
- dengan type="none"
Ganti
untuk tiap item
Gunakan
- tanpa
- sama sekali
Gunakan
- dengan type="none"
Pada cuplikan kode, tag apa yang digunakan untuk membuat tautan ke halaman lain?
Seorang siswa menulis Go Website SMP THN. Tautan tidak terbuka dengan benar. Langkah perbaikan paling tepat adalah apa?
Pada baris contoh, tag yang benar untuk menampilkan gambar adalah apa?
Sebuah halaman menampilkan gambar dari file lokal bernama fotogunung.avif. Atribut mana yang harus berisi nama file tersebut?
alt="fotogunung.avif"
src="fotogunung.avif"
href="fotogunung.avif"
name="fotogunung.avif"
Kamu ingin memastikan gambar tetap informatif saat gagal dimuat. Mana pilihan atribut paling tepat untuk menjelaskan gambar?
alt dengan teks singkat deskriptif
id dengan nama elemen unik
class dengan nama kategori umum
title dengan teks panjang deskriptif
Perhatikan potongan:
. Jika kamu mengganti width menjadi 800 dan height tetap 300, apa konsekuensi paling mungkin pada tampilan?
Gambar menjadi dua kali lebih lebar, rasio berubah
Gambar tidak tampil karena ukuran besar
Gambar terpotong otomatis di tengah
Gambar otomatis mempertahankan rasio asli
Tag mana yang digunakan untuk menampung baris-baris data utama dalam sebuah tabel HTML?
untuk baris utama tabel Perhatikan tabel siswa dengan kolom No, Nama Siswa, dan Usia. Jika ingin membuat sel "Rata-rata Usia" melebar melintasi dua kolom pertama di baris footer, atribut apa yang harus digunakan pada sel tersebut? rowspan dengan nilai "3" digunakan rowspan dengan nilai "2" digunakan colspan dengan nilai "2" digunakan colspan dengan nilai "3" digunakan Di dalam tag , tag mana yang tepat untuk mendefinisikan judul kolom seperti "No", "Nama Siswa", dan "Usia"? Sebuah tabel memiliki dua baris data: (1, Garry, 18) dan (2, Jessica, 20). Baris footer ingin menampilkan nilai 19 sebagai rata-rata. Struktur baris footer yang benar adalah... Jika kamu menghapus dan memindahkan judul kolom ke dalam Kolom tidak bisa menggunakan gaya CSS Browser memblokir render seluruh tabel Tidak ada perubahan semantik sama sekali Pembaca layar kehilangan struktur header tabel Apa fungsi utama Wayback Machine dalam pembelajaran front end web? Mengedit CSS situs langsung dari browser Menguji kecepatan server dengan simulasi beban Menelusuri arsip situs untuk melihat versi lama Mengirim situs ke hosting gratis otomatis Langkah dasar untuk memeriksa struktur HTML sebuah halaman di browser adalah? Klik kanan lalu pilih Inspect pada halaman Ketik HTML baru pada kolom alamat browser Mengunduh file sumber dari server manual Menyalin seluruh teks halaman ke editor offline Sebuah situs lama menata konten menggunakan banyak tag Hapus semua tag lalu biarkan konten polos Ubah font menjadi lebih besar pada setiap sel Tambah baris tabel untuk setiap bagian konten Ganti tabel dengan elemen semantik dan CSS layout Tag apa yang digunakan untuk membungkus seluruh elemen form pada halaman web? sebagai pembungkus form Fungsi utama tag Menghubungkan teks dengan kontrol input Menampilkan pesan kesalahan otomatis Mengirim data ke server saat klik Menyimpan nilai default untuk input Jika ingin pengguna memilih tanggal dengan picker, tipe input mana yang tepat? type="text" untuk memilih tanggal type="password" untuk memilih tanggal type="email" untuk memilih tanggal type="date" untuk memilih tanggal Pada form aplikasi pinjaman bisnis, kolom "E-mail of Applicant" sebaiknya menggunakan tipe input apa? Input type="text" tanpa validasi format Input type="email" untuk validasi format Input type="password" menyembunyikan karakter Input type="checkbox" memilih beberapa opsi Anda ingin membuat kolom untuk menulis deskripsi panjang. Tag mana yang paling sesuai? satu baris Apa peran tombol dengan type="submit" di dalam form? Mengaktifkan mode pengeditan halaman Membuat kolom input baru otomatis Membersihkan seluruh isi form Mengirimkan data form ke aksi Seorang siswa membuat input kata sandi tetapi hurufnya terlihat. Apa yang perlu diubah? Gunakan input type="password" Gunakan input type="text" Ubah tombol menjadi submit Tambahkan tag Untuk membuat kotak centang persetujuan syarat, elemen yang tepat adalah apa? untuk persetujuan untuk persetujuan digunakan untuk judul kolom digunakan untuk judul kolom digunakan untuk judul kolom tanpa colspanRata-rata Usia 19 dengan thRata-rata Usia 19 dengan colspanRata-rata Usia 19 pecah dua selRata-rata Usia 19 ,
, dan . Apa strategi perbaikan yang paling tepat jika ingin modernisasi layout? Similar Resources on Wayground
