LATIHAN SOAL KELAS XII DKV
1.
Seorang siswa membuat halaman web
sederhana untuk menampilkan informasi profil sekolah. Guru meminta agar halaman
tersebut memiliki struktur dasar HTML yang lengkap agar browser dapat membaca
dokumen dengan benar.
Elemen penting apa yang wajib ada dalam struktur HTML dasar?
a.
<html>,
<head>, <body>
b.
<meta>,
<link>, <script>
c.
<title>,
<footer>, <nav>
d.
<style>,
<section>, <aside>
e.
<div>,
<main>, <span>
2.
Dalam sebuah artikel web, siswa
menggunakan elemen heading untuk memberi hierarki informasi. Namun guru melihat
semua bagian memakai <h1>.
Perbaikan apa yang paling tepat?
a.
Mengubah seluruh heading menjadi <p> agar seragam
b.
Menggunakan <h1> hanya sekali dan sisanya <h2>–<h6> sesuai subjudul
c.
Mengganti heading dengan <strong> agar lebih tebal
d.
Menghapus heading karena tidak
memengaruhi SEO
e.
Menambahkan warna untuk membedakan
heading
3.
Seorang siswa ingin menambahkan
paragraf dengan jarak antarbaris lebih lebar. Ia menambah banyak <br>, tetapi hasilnya tidak rapi.
Solusi terbaik adalah…
a.
Menggunakan <space> agar jarak otomatis
b.
Mengganti <br> menjadi <break>
c.
Memakai CSS untuk mengatur line-height pada paragraph
d.
Mengganti paragraf menjadi <pre>
e.
Menghapus semua paragraf
4.
Siswa mengunggah gambar ke
website, namun pada saat gambar tidak muncul di browser, elemen alternatif
tidak ditampilkan.
Apa fungsi atribut alt pada tag <img>?
a.
Menambah resolusi gambar
b.
Menentukan ukuran otomatis
c.
Memberi teks pengganti ketika
gambar gagal dimuat
d.
Mengatur posisi gambar
e.
Mengubah format gambar ke PNG
5.
Saat membuat halaman profil, siswa
ingin menautkan tombol "Kembali ke Beranda" ke halaman lain.
Tag apa yang digunakan?
a.
<button>
saja
b.
<a
href="">
c.
<link>
d.
<goto>
e.
<url>
Essay
1. Seorang siswa membuat halaman web sederhana, tetapi ketika
dibuka di browser, sebagian elemen tidak tampil karena ia tidak menuliskan
struktur pembungkus dokumen. Guru menjelaskan bahwa HTML mempunyai elemen
paling luar yang berfungsi sebagai induk dari seluruh isi halaman.
Nama elemen apakah yang berfungsi sebagai pembungkus seluruh isi
halaman HTML?
2. Untuk membuat tabel pada halaman web, diperlukan tag khusus yang
berfungsi menentukan baris di dalam tabel.
Tulis tag HTML yang digunakan untuk membuat baris tabel.
3. Setiap halaman web dapat diakses menggunakan alamat khusus yang
disebut URL.
Tuliskan satu contoh URL lengkap.
4. Nama domain digunakan sebagai alamat unik untuk sebuah website.
Tuliskan 5 contoh nama domain.
5. Browser digunakan untuk membuka dan menampilkan halaman website.
Tuliskan 5 contoh browser yang umum digunakan.
Analysis
1.
Perhatikan gambar dibawah ini
Buatkan
Coding HTML nya
1.
Perhatikan Coding HTML di bawah ini dan
gambarkan hasil jadinya
<!DOCTYPE html>
<html>
<head>
<title>Layout Sederhana</title>
</head>
<body>
<table border="1"
width="100%" cellspacing="0" cellpadding="20">
<!-- HEADER -->
<tr>
<td colspan="2"
align="center" bgcolor="blue ">
<b>HEADER</b><br>
<img
src="https://via.placeholder.com/600x80" alt="Header
Image">
</td>
</tr>
<!-- MENU + BODY -->
<tr height="300">
<!-- MENU -->
<td width="25%"
align="center" bgcolor="yelow ">
<b>MENU</b><br><br>
<img
src="https://via.placeholder.com/150" alt="Menu Image">
</td>
<!-- BODY -->
<td align="center"
bgcolor="red ">
<b>BODY</b><br><br>
<img
src="https://via.placeholder.com/300x200" alt="Body
Image">
</td>
</tr>
<!-- FOOTER -->
<tr>
<td colspan="2"
align="center" bgcolor="orange ">
<b>FOOTER</b><br>
<img src="https://via.placeholder.com/500x60"
alt="Footer Image">
</td>
</tr>
</table>
</body>
</html>

