NEW
Font size
WorksheetsPTS HTML
Total questions: 40
Worksheet time: 30mins
HTML adalah singkatan dari…
Hyper Transfer Markup Language
Hyper Text Markup Language
High Technology Modern Language
Hyper Tool Markup Language
Hyper Terminal Multi Language
HTML termasuk kategori bahasa…
Programming
Markup
Database
Scripting
Object Oriented
File HTML disimpan dengan ekstensi…
.doc
.txt
.html
.exe
.js
HTML dijalankan menggunakan…
IDE
Terminal
Browser
Notepad
Server saja
Kelemahan utama HTML jika digunakan tanpa CSS dan JavaScript adalah…
Tidak bisa menampilkan teks
Tidak dapat membuat struktur halaman
Tidak bisa interaktif dan tampilannya sederhana
Tidak bisa dijalankan di browser
Tidak bisa digunakan untuk hyperlink
File HTML dapat dibuka menggunakan aplikasi berikut, kecuali…
Google Chrome
Mozilla Firefox
Microsoft Word
Safari
Opera
Fungsi utama HTML adalah…
Membuat logika program
Membuat database
Membuat struktur halaman web
Mendesain animasi
Membuat aplikasi Android
Struktur dasar HTML dimulai dengan deklarasi…
<body>
<head>
<html>
<!DOCTYPE html>
<title>
Semua elemen HTML harus berada di dalam…
<head>
<body>
<html>
<div>
<p>
Informasi metadata seperti judul halaman diletakkan pada…
<title>
<meta>
<head>
<body>
<section>
Isi utama halaman web ditulis pada tag…
<head>
<html>
<body>
<footer>
<nav>
Tag <title> digunakan untuk…
Judul artikel di body
Judul tab browser
Heading halaman
Nama file HTML
Navigasi menu
Tag <div> dalam HTML biasanya digunakan untuk
Membuat tabel
Membuat hyperlink
Mengelompokkan elemen menjadi satu bagian/blok
Menampilkan teks tebal
Membuat heading
Tag <meta charset="UTF-8"> berfungsi untuk…
Warna teks
Pengkodean karakter
Gambar latar
Ukuran font
Membuat heading
Jika tag <body> dihapus dari dokumen HTML, maka…
Website tidak bisa dijalankan sama sekali
Semua teks tidak ditampilkan
Browser akan tetap menampilkan isi tapi tanpa struktur yang benar
Judul halaman ikut hilang
CSS tidak bisa digunakan
Tag <br> berfungsi untuk…
Membuat paragraf baru dengan jarak lebih besar
Membuat baris baru tanpa memulai paragraf baru
Membuat teks menjadi miring
Membuat heading
Membuat link
Tag <pre> digunakan untuk…
Menampilkan teks dengan format apa adanya (spasi dan baris dipertahankan)
Membuat teks tercetak tebal
Membuat teks rata tengah
Membuat link ke file eksternal
Membuat daftar
Tag <a> digunakan untuk…
Gambar
Tabel
Hyperlink
Heading
Form
Fungsi atribut align pada HTML adalah untuk…
Mengatur ukuran teks
Mengatur warna teks
Mengatur perataan elemen (kiri, kanan, tengah, justify)
Mengatur jenis font
Mengatur tinggi elemen
Nilai atribut align berikut yang digunakan untuk teks rata kiri adalah…
right
left
center
justify
middle
Jika kita ingin paragraf teks menjadi rata kanan, maka digunakan syntax…
<p align="left">
<p align="right">
<p align="center">
<p align="justify">
<p align="top">
Atribut align="justify" berfungsi untuk…
Menyimpan teks di tengah halaman
Menyusun teks sama rata di kiri dan kanan
Membuat teks tebal
Membuat teks miring
Menambahkan warna pada teks
Fungsi utama tag <hr> dalam HTML adalah…
Membuat garis horizontal sebagai pemisah konten
Membuat teks tebal
Membuat baris baru
Membuat tabel
Membuat daftar
Tag <h1> sampai <h6> dalam HTML digunakan untuk…
Membuat paragraf
Membuat daftar
Membuat judul (heading) dengan tingkatan berbeda
Membuat tabel
Membuat gambar
Manakah contoh penggunaan heading yang benar?
<heading>Judul</heading>
<h1>Judul Utama</h1>
<h>Judul</h>
<title>Judul</title>
<head>Judul</head>
Perbedaan utama antara <h1> dan <h6> adalah…
<h1> untuk teks tebal, <h6> untuk teks miring
<h1> hanya bisa di dalam <body>, <h6> hanya di <head>
<h1> membuat garis bawah, <h6> membuat teks berwarna
<h1> untuk judul utama, <h6> untuk judul paling kecil
<h1> hanya ada di HTML5, <h6> hanya ada di HTML4
Tag yang berfungsi membuat pangkat di atas adalah
<b>
<sub>
<i>
<del>
<sup>
Tag <b> menghasilkan teks…
Miring
Tebal
Bergaris bawah
Kecil
Tercoret
Tag <i> digunakan untuk teks…
Tebal
Miring
Tercoret
Bergaris bawah
Berwarna
Tag <u> dan <del>menghasilkan teks…
garis bawah dan pangkat atas
tercoret dan garis bawah
tercoret dan garis bawah
garis bawah dan pangkat bawah
garis bawah dan tercoret
Tag <mark> digunakan untuk…
Teks tercoret
Teks berwarna highlight
Heading
Link
Paragraf
Tag <del> menghasilkan teks…
Tercoret
Tebal
Bergaris bawah
Highlight
Miring
Tag <small> menghasilkan teks…
Besar
Kecil
Bergaris bawah
Tebal
Miring
Tag <sup> menampilkan teks…
Ke bawah
Ke atas (superscript)
Tebal
Miring
Bergaris bawah
Fungsi utama komentar dalam HTML adalah…
Menampilkan catatan khusus di browser
Membuat teks tebal
Menambahkan hyperlink
Menyembunyikan catatan/keterangan agar tidak tampil di browser
Membuat paragraf baru
Seorang siswa ingin membuat dua paragraf yang dipisahkan garis horizontal. Kode mana yang paling benar?
<p>Paragraf 1<hr>Paragraf 2</p>
<p>Paragraf 1</p><hr><p>Paragraf 2</p>
<hr><p>Paragraf 1</p><p>Paragraf 2</p>
<p><hr>Paragraf 1<hr>Paragraf 2</p>
<hr>Paragraf 1<hr>Paragraf 2<hr>
Apa yang terjadi jika kita menulis <!-- <p>Hello</p> --> di dalam HTML?
Teks “Hello” akan tetap tampil
Browser akan mengabaikan seluruh isi komentar
Browser akan menampilkan error
Hanya teks “Hello” tampil
Tag <p> tetap berfungsi
Perhatikan kode berikut:
<p align="center"><b>Selamat Datang</b></p>
Apa yang akan ditampilkan di browser?
Teks “Selamat Datang” tebal dan rata kiri
Teks “Selamat Datang” tebal dan rata tengah
Teks “Selamat Datang” miring
Teks “Selamat Datang” kecil
Tidak tampil apa-apa
Seorang siswa membuat halaman web, tetapi teks tidak tampil di browser. Setelah dicek, ternyata ia menulis seperti gambar:
Kesalahan pada kode di atas adalah…
Tag <title> hanya boleh satu kali dan harus di dalam <head>
Tidak ada tag <body>
Harus menambahkan <meta>
Tidak menggunakan <div>
Tidak menutup tag <html>
Perhatikan kode berikut:
<p><i><b>Belajar HTML</b></i></p>
Apa yang akan terjadi jika tag <i> tidak ditutup?
Semua teks di bawahnya menjadi miring
Tidak ada efek apapun
Browser menolak menampilkan halaman
Error fatal muncul
Hanya teks “HTML” yang hilang
