WorksheetsMAPEL PILIHAN RPL KELAS XII TKJ 2
Total questions: 50
Worksheet time: 8hrs 20mins
Name
Class
Date
1.
Apa kepanjangan dari HTML?.....
a)
Hyperlinks and Text Markup Language
b)
Hyper Text Markup Language
c)
Home Tool Markup Language
d)
Hyper Text Making Language
e)
Hyper Tool Marking Language
2.
Tag manakah yang digunakan untuk membuat struktur dasar dokumen HTML?....
a)
<body>
b)
<head>
c)
<html>
d)
<title>
e)
<document>
3.
Di bagian mana meta data dan judul halaman (title) biasanya diletakkan?....
a)
<body>
b)
<footer>
c)
<head>
d)
<section>
e)
<div>
4.
Tag apa yang digunakan untuk membuat judul halaman yang muncul di tab browser?....
a)
<header>
b)
<meta>
c)
<head>
d)
<title>
e)
<caption>
5.
Elemen HTML yang benar untuk membuat heading (judul) terbesar adalah…..
a)
<heading>
b)
<h1>
c)
<h6>
d)
<head>
e)
<title>
6.
Tag <h6> digunakan untuk membuat…..
a)
Heading dengan ukuran terbesar
b)
Heading dengan ukuran terkecil
c)
Paragraf baru
d)
Garis horizontal
e)
Huruf miring
7.
Tag yang digunakan untuk membuat paragraf adalah……
a)
<pg>
b)
<paragraph>
c)
<p>
d)
<text>
e)
<br>
8.
Apa fungsi dari tag <br>?
a)
Membuat garis horizontal
b)
Membuat teks menjadi tebal
c)
Membuat baris baru
d)
Membuat paragraf baru
e)
Menghapus teks
9.
Bagaimana cara penulisan komentar yang benar dalam HTML?....
a)
// Ini adalah komentar
b)
/* Ini adalah komentar */
c)
<!--Komentar-->
d)
<comment> Ini adalah komentar </comment>
e)
' Ini adalah komentar
10.
Deklarasi yang wajib ditulis di baris pertama dokumen HTML5 adalah:…
a)
<!DOCTYPE html>
b)
<html type="5">
c)
<doctype html>
d)
<xml>
e)
<declaration html>
11.
Tag mana yang digunakan untuk membuat teks menjadi tebal (bold)?
a)
<i>
b)
<b>
c)
<list>
d)
<bold>
e)
<big>
12.
Tag <em> biasanya digunakan untuk:…
a)
Membuat teks tebal
b)
Membuat teks bergaris bawah
c)
Memberikan penekanan (biasanya miring/italic)
d)
Membuat teks tercoret
e)
Membuat teks berkedip
13.
Untuk membuat garis horizontal lurus sepanjang halaman, kita menggunakan tag:
a)
<br>
b)
<line>
c)
<hr>
d)
<border>
e)
<tr >
14.
Tag <u> berfungsi untuk:…
a)
Menebalkan teks
b)
Membuat teks miring
c)
Membuat garis bawah pada teks (underline)
d)
Membuat daftar (list)
e)
Mengubah warna teks
15.
Sintaks yang benar untuk membuat hyperlink adalah:
a)
<a url="https://google.com">Google</a>
b)
<link href="https://google.com">Google</link>
c)
<a href="https://google.com">Google</a>
d)
<href="https://google.com">Google</href>
e)
<hyperlink>https://google.com</hyperlink>
16.
Atribut target="_blank" pada tag <a> berfungsi untuk:….
a)
Membuka link di tab/jendela baru
b)
Membuka link di tab yang sama
c)
Mendownload file
d)
Mengirim email
e)
Menghapus link
17.
Bagaimana cara membuat link yang mengarah ke alamat email?....
a)
<a href="email:nama@email.com">
b)
<a href="mailto:nama@email.com">
c)
<mail>nama@email.com</mail>
d)
<a href="send:nama@email.com">
e)
<a email="nama@email.com">
18.
Tag <small> digunakan untuk:…..
a)
Membuat teks menjadi huruf kecil semua
b)
Membuat ukuran teks lebih kecil dari sekitarnya
c)
Menyembunyikan teks
d)
Membuat teks menjadi subscript
e)
Membuat teks menjadi superscript
19.
Apa perbedaan antara <b> dan <strong>?....
a)
<b> untuk tebal visual, <strong> untuk tebal dengan penekanan semantik
b)
Tidak ada bedanya
c)
<strong> membuat teks lebih besar dari <b>
d)
<b> sudah tidak didukung di HTML5
e)
<strong> hanya untuk judul
20.
Tag untuk membuat teks pangkat atas (superscript), seperti pada X², adalah:….
a)
<sub>
b)
<super>
c)
<sup>
d)
<up>
e)
<top>
21.
Tag yang digunakan untuk menampilkan gambar adalah:….
a)
<image>
b)
<picture>
c)
<img>
d)
<src>
e)
<graphic>
22.
Atribut wajib pada tag <img> untuk menentukan lokasi file gambar adalah:…
a)
href
b)
link
c)
path
d)
src
e)
location
23.
Fungsi atribut alt pada tag <img> adalah:…
a)
Menampilkan judul gambar saat mouse diarahkan
b)
Menampilkan teks alternatif jika gambar gagal dimuat
c)
Mengatur ukuran gambar
d)
Membuat bingkai pada gambar
e)
Mengatur posisi gambar
24.
Untuk membuat daftar yang berurutan (menggunakan angka/nomor), digunakan tag:….
a)
<ul>
b)
<list>
c)
<ol>
d)
<dl>
e)
<order>
25.
Untuk membuat daftar yang tidak berurutan (menggunakan bullet points), digunakan tag:…
a)
<ul>
b)
<ol>
c)
<li>
d)
<bl>
e)
<list>
26.
Elemen yang digunakan untuk mendefinisikan item dalam sebuah list (baik <ul> maupun <ol>) adalah:….
a)
<item>
b)
<dd>
c)
<li>
d)
<dt>
e)
<il>
27.
Apa yang terjadi jika kita tidak menutup tag <ol>?....
a)
Halaman tidak akan tampil sama sekali
b)
Browser akan mencoba memperbaikinya, namun tampilan bisa berantakan
c)
Komputer akan error
d)
Daftar akan berubah menjadi bullet points
e)
Teks akan menjadi tebal
28.
Bagaimana cara mengubah tipe bullet pada <ul> menjadi kotak?...
a)
<ul type="square">
b)
<ul style="box">
c)
<ul shape="square">
d)
<ul list="square">
e)
<ul format="square">
29.
Manakah penulisan kode gambar yang benar?...
a)
<img src="foto.jpg">Judul Foto</img>
b)
<img href="foto.jpg" alt="Foto">
c)
<image src="foto.jpg" alt="Foto">
d)
<img src="foto.jpg" alt="Foto">
e)
<img source="foto.jpg">
30.
Tag <dl> digunakan untuk membuat:…
a)
Data List (Daftar Definisi)
b)
Download List
c)
Detail List
d)
Double List
e)
Data Link
31.
Tag pembuka untuk membuat tabel adalah:…..
a)
<tab>
b)
<table>
c)
<tb>
d)
<grid>
e)
<tabel>
32.
Tag <tr> dalam tabel berfungsi untuk:….
a)
Membuat kolom tabel
b)
Membuat baris tabel (table row)
c)
Membuat judul tabel
d)
Menggabungkan sel
e)
Membuat data sel
33.
Tag <td> adalah singkatan dari:…..
a)
Table Description
b)
Table Definition
c)
Table Data
d)
Table Divider
e)
Table Design
34.
Untuk membuat sel judul (header) pada tabel yang biasanya tercetak tebal dan rata tengah, digunakan tag:…
a)
<thead>
b)
<th>
c)
<head>
d)
<top>
e)
<h1>
35.
Atribut untuk menggabungkan dua atau lebih kolom menjadi satu adalah:…..
a)
rowspan
b)
merge
c)
colspan
d)
combine
e)
span
36.
Elemen utama untuk membuat formulir input data adalah:…..
a)
<input>
b)
<form>
c)
<submit>
d)
<data>
e)
<field>
37.
Untuk membuat kolom isian teks satu baris, kita menggunakan:….
a)
<input type="text">
b)
<input type="box">
c)
<textfield>
d)
<input type="line">
e)
<textarea>
38.
Tipe input yang digunakan untuk menyembunyikan karakter yang diketik (seperti kata sandi) adalah:….
a)
secure
b)
hidden
c)
password
d)
secret
e)
mask
39.
Untuk membuat pilihan di mana pengguna hanya bisa memilih SATU dari beberapa opsi (bulatan), digunakan tipe input:….
a)
checkbox
b)
radio
c)
select
d)
button
e)
choice
40.
Tag <textarea> digunakan untuk:…..
a)
Membuat label teks
b)
Membuat input teks satu baris
c)
Membuat area input teks yang bisa menampung banyak baris
d)
Menampilkan hasil output
e)
Membuat judul form
41.
Apa perbedaan atribut id dan class?...
a)
id boleh digunakan berulang kali, class harus unik
b)
id harus unik dalam satu halaman, class boleh digunakan berulang kali
c)
id hanya untuk JavaScript, class hanya untuk CSS
d)
Tidak ada perbedaan
e)
class lebih prioritas daripada id
42.
Tag <div> adalah elemen jenis:….
a)
Inline
b)
Block
c)
Table
d)
List
e)
Form
43.
Tag <span> adalah elemen jenis:…
a)
Inline
b)
Block
c)
Semantic
d)
Heading
e)
Hidden
44.
Atribut style digunakan untuk:…
a)
Menambahkan JavaScript
b)
Menambahkan CSS
c)
Menambahkan judul
d)
Membuat link
e)
Menambahkan kelas
45.
Elemen <button> digunakan untuk:…
a)
Membuat tombol yang bisa diklik
b)
Membuat input teks
c)
Membuat gambar
d)
Membuat garis
e)
Membuat tabel
46.
Tipe input checkbox memungkinkan pengguna untuk:…
a)
Memilih hanya satu opsi
b)
Memilih satu atau lebih opsi (centang)
c)
Menulis teks panjang
d)
Mengupload file
e)
Memilih tanggal
47.
Untuk membuat menu dropdown (daftar pilihan), kita menggunakan kombinasi tag:…
a)
<list> dan <option>
b)
<input> dan <list>
c)
<select> dan <option>
d)
<dropdown> dan <item>
e)
<menu> dan <li >
48.
HTML merupakan bahasa yang diproses di sisi:…
a)
Server (Server-side)
b)
Client (Client-side / Browser)
c)
Database
d)
Cloud
e)
Network
49.
Manakah karakter khusus (HTML Entity) untuk menampilkan simbol "lebih kecil dari" (<)?...
a)
>
b)
<:
c)
&
d)
©
e)
&small;
50.
Atribut placeholder pada input text berfungsi untuk:…..
a)
Mengisi nilai default yang permanen
b)
Menampilkan teks bayangan/bantuan di dalam kolom input sebelum diketik
c)
Memvalidasi input
d)
Mengunci input agar tidak bisa diisi
e)
Memberikan warna pada input
100 %
