wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Soal UTS Pemrograman Web Dasar

Total questions: 65

Worksheet time: 11mins

Name
Class
Date
1.
Apa singkatan dari HTML dalam konteks pengembangan web?
a)
Hyperlink Text Markup Language
b)
Hypertext Markup Language
c)
High-level Text Management Language
d)
Hyperlink and Text Markup Logic
2.
Apa fungsi utama CSS dalam pengembangan web?
a)
Mengatur tata letak dan gaya halaman
b)
Menangani logika server-side
c)
Mengelola basis data
d)
Memberikan interaktivitas halaman
3.
Apa peran JavaScript dalam pengembangan web?
a)
Mengatur tata letak halaman
b)
Menangani logika server-side
c)
Memberikan interaktivitas halaman
d)
Mengelola basis data
4.
Apakah responsif web design?
a)
Pendekatan desain yang membuat halaman web dapat menyesuaikan tampilannya pada berbagai perangkat
b)
Metode untuk mengamankan situs web dari serangan siber
c)
Alat pengembangan web
d)
Struktur data untuk menyimpan informasi pengguna
5.
Apa yang dimaksud dengan backend development?
a)
Pengembangan bagian antarmuka pengguna
b)
Logika dan pemrosesan data di sisi server
c)
Manajemen tata letak halaman
d)
Pengaturan responsivitas halaman
6.
Apa singkatan dari HTML?
a)
Hyper Transfer Markup Language
b)
Hyper Text Markup Language
c)
High-Level Text Markup Language
d)
Hyperlink and Text Markup Language
7.
Apa fungsi dari atribut alt pada tag <img>?
a)
Memberikan warna alternatif untuk gambar
b)
Menentukan URL gambar
c)
Memberikan deskripsi alternatif untuk gambar
d)
Menentukan lebar dan tinggi gambar
8.
Tag mana yang digunakan untuk membuat daftar terurut (ordered list) di HTML?
a)
<ul>
b)
<li>
c)
<ol>
d)
<dl>
9.
Apa perbedaan antara tag <article> dan <section> di HTML?
a)
<article> digunakan untuk konten tambahan, <section> untuk konten utama
b)
<article> digunakan untuk mengelompokkan konten independen, <section> untuk mengelompokkan konten serupa
c)
<article> digunakan untuk membuat tautan internal, <section> untuk tautan eksternal
d)
<article> digunakan untuk membuat daftar terurut, <section> untuk daftar tak terurut
10.
Bagaimana cara membuat tautan ke alamat email menggunakan tag <a>?
a)
<a href="mailto:info@example.com">Kirim Email</a>
b)
<a href="https://www.example.com">Kirim Email</a>
c)
<a src="mailto:info@example.com">Kirim Email</a>
d)
<a link="mailto:info@example.com">Kirim Email</a>
11.
Apa perbedaan utama antara elemen <div> dan <span> dalam HTML?
a)
<div> digunakan untuk teks, sedangkan <span> untuk blok elemen.
b)
<div> digunakan untuk mengelompokkan blok elemen, sedangkan <span> untuk mengelompokkan teks.
c)
<div> dan <span> memiliki fungsi yang sama dalam HTML.
d)
<div> dan <span> hanya digunakan untuk styling.
12.
Apa fungsi atribut src dalam elemen <img> HTML?
a)
Menentukan URL atau path file gambar.
b)
Menentukan deskripsi gambar.
c)
Menentukan ukuran gambar.
d)
Menentukan jenis gambar.
13.
Apa peran atribut href dalam elemen <a> HTML?
a)
Menentukan URL atau path file yang ditautkan.
b)
Menentukan warna tautan.
c)
Menentukan judul tautan.
d)
Menentukan jenis tautan.
14.
Manakah dari berikut yang digunakan untuk membuat daftar tak terurut di HTML?
a)
<ul>
b)
<ol>
c)
<li>
d)
Semua jawaban benar.
15.
Kapan sebaiknya Anda menggunakan atribut id daripada class dalam HTML?
a)
Ketika Anda ingin mengidentifikasi sekelompok elemen.
b)
Ketika Anda ingin merujuk atau menargetkan elemen spesifik secara unik.
c)
Keduanya dapat digunakan secara bergantian.
d)
Ketika Anda ingin menerapkan gaya pada sekelompok elemen.
16.
Apa fungsi properti text-decoration: none; dalam CSS?
a)
Menambahkan garis bawah pada teks.
b)
Menghilangkan garis bawah pada teks.
c)
Memberikan efek bayangan pada teks.
d)
Menentukan jenis huruf.
17.
Pseudokelas :hover digunakan untuk:
a)
Menentukan gaya elemen saat kursor berada di atasnya.
b)
Menentukan warna latar belakang elemen.
c)
Mengubah jenis huruf pada elemen.
d)
Mengatur margin dan padding elemen.
18.
Apa yang dimaksud dengan properti cursor dalam CSS?
a)
Properti untuk mengatur tipe kursor saat dihover.
b)
Properti untuk mengatur warna latar belakang.
c)
Properti untuk mengatur jenis huruf.
d)
Properti untuk mengatur efek transisi.
19.
Manfaat properti transition dalam CSS adalah:
a)
Mengatur jenis huruf elemen.
b)
Memberikan efek bayangan elemen.
c)
Menghilangkan dekorasi teks pada elemen.
d)
Memberikan efek transisi antara dua keadaan elemen.
20.
Apa yang dapat diubah oleh properti color dalam CSS?
a)
Lebar elemen.
b)
Warna latar belakang elemen.
c)
Warna teks elemen.
d)
Efek transisi elemen.
21.
Bagaimana Anda dapat mengubah warna latar belakang dan teks pada sel tabel menggunakan CSS?
a)
cell-color dan text-color
b)
bg-color dan text
c)
background-color dan color
d)
table-background dan font-color
22.
Untuk memberikan garis batas pada sel tabel, properti CSS mana yang digunakan?
a)
border
b)
line-style
c)
table-border
d)
cell-border
23.
Apa yang termasuk dalam konsep CSS Box Model?
a)
Margin, Padding, Width, Height
b)
Border, Float, Position, Overflow
c)
Content, Background, Font, Margin
d)
Padding, Border, Content, Margin
24.
Bagaimana cara mengontrol lebar dan tinggi elemen menggunakan CSS Box Model?
a)
size
b)
dimension
c)
width dan height
d)
length dan height
25.
Properti CSS apa yang dapat Anda gunakan untuk memberikan efek hover pada menu?
a)
hover-effect
b)
mouseover
c)
:hover
d)
menu-hover
26.
Apa peran JavaScript dalam pengembangan web?
a)
Menyusun struktur HTML
b)
Menanggapi peristiwa pengguna dan membuat halaman web interaktif
c)
Mengevaluasi tipe data dalam CSS
d)
Menyusun kueri database
27.
Cara yang benar untuk menuliskan komentar multi-baris di JavaScript adalah:
a)
# Ini adalah komentar
b)
// Ini adalah komentar
c)
/* Ini adalah komentar */
d)
<!-- Ini adalah komentar -->
28.
Mana yang bukan kata kunci untuk mendeklarasikan variabel dalam JavaScript?
a)
var
b)
let
c)
const
d)
variable
29.
Tipe data primitif dalam JavaScript melibatkan:
a)
Struktur data kompleks
b)
Angka, string, boolean, null, dan undefined
c)
Variabel konstan
d)
Sekumpulan perintah
30.
Operasi aritmatika yang melibatkan pengurangan dapat dilakukan dengan operator:
a)
+
b)
-
c)
*
d)
/
31.
Apa fungsi dari metode toUpperCase() pada objek String?
a)
Mengubah semua karakter menjadi huruf kecil.
b)
Mengubah semua karakter menjadi huruf besar.
c)
Mencari indeks dari karakter tertentu.
d)
Memecah string menjadi array.
32.
Bagaimana cara mendapatkan karakter pertama dari sebuah string menggunakan JavaScript?
a)
charAt(0)
b)
substring(0, 1)
c)
firstChar()
d)
first()
33.
Manakah pernyataan yang benar tentang metode split(separator)?
a)
Menggabungkan dua string.
b)
Memecah string menjadi array berdasarkan pemisah.
c)
Mengembalikan panjang string.
d)
Menghapus karakter spasi di awal dan akhir string.
34.
Apa hasil dari eksekusi let teks = 'Hello, World!'; teks.slice(7, 12);?
a)
'Hello'
b)
'World'
c)
' World'
d)
'World!'
35.
Perbedaan antara indexOf(searchValue) dan lastIndexOf(searchValue) adalah:
a)
indexOf mencari dari awal, lastIndexOf mencari dari akhir.
b)
indexOf mencari dari akhir, lastIndexOf mencari dari awal.
c)
Keduanya mencari dari awal.
d)
Keduanya mencari dari akhir.
36.

Atribut apa yang digunakan untuk menentukan alamat sumber gambar dalam tag <img>?

a)

href

b)

src

c)

alt

d)

width

e)

height

37.

Tag apa yang digunakan untuk membuat daftar tak bernomor?

a)

<ul>

b)

<ol>

c)

<li>

d)

<dl>

e)

<dt>

38.

Tag apa yang digunakan untuk membuat sel dalam tabel HTML?

a)

<table>

b)

<tr>

c)

<tbody>

d)

<th>

e)

<td>

39.

Tag apa yang digunakan untuk membuat tautan ke halaman web lain?

a)

<a>

b)

<link>

c)

<href>

d)

<url>

e)

<anchor>

40.

Manakah yang merupakan doctype HTML yang valid?

a)

<!DOCTYPE>

b)

<!DOCTYPE html>

c)

<!DOCTYPE HTML>

d)

<!DOCTYPE XHTML>

e)

<!DOCTYPE XML>

41.

Manakah tag yang digunakan untuk membuat garis horizontal dalam dokumen HTML?

a)

<a>

b)

<img>

c)

<br>

d)

<hr>

e)

<ol>

42.

Manakah tag yang digunakan untuk membuat item daftar dalam dokumen HTML?

a)

<ul>

b)

<ol>

c)

<li>

d)

<dt>

e)

<dd>

43.

Untuk membuat komentar di HTML adalah...

a)

dimulai dengan <!–- diakhiri dengan –->

b)

dimulai dengan <? diakhiri dengan ?>

c)

dimulai dengan <- diakhiri dengan ->

d)

dimulai dengan <!– diakhiri dengan –->

e)

dimulai dengan <!– diakhiri dengan –!>

44.

Apa pengertian dari JavaScript?

a)

Bahasa pemrograman yang digunakan untuk membantu website menampilkan informasi secara dinamis.

b)

Bahasa yang digunakan untuk mengatur dan mempercantik tampilan pada website.

c)

Salah satu markup language yang digunakan untuk membuat struktur dan menampilkan konten pada website.

d)

Sebuah komponen pada HTML yang ditandai dengan tag pembuka dan penutup.

45.

Apa fungsi dari elemen <body> ?

a)

Menampilkan seluruh konten pada halaman website.

b)

Menampilkan informasi yang tidak terkait dengan konten lain.

c)

Menampilkan informasi berupa catatan kaki pada sebuah website

d)

Menampilkan informasi yang berhubungan pada keseluruhan halaman.

46.

Untuk menampilkan sebuah gambar pada HTML penulisan yang tepat adalah ...

a)

<image> src="https://i.imgur.com/EUUXQcf.png" alt="dicoding" </image>

b)

<img> scr="https://i.imgur.com/EUUXQcf.png" alt="dicoding" </img>

c)

<image scr="https://i.imgur.com/EUUXQcf.png" alt="dicoding" >

d)

<img src="https://i.imgur.com/EUUXQcf.png" alt="dicoding" >

47.

Merupakan sebuah class “semu” yang sebenarnya ada pada tiap elemen HTML adalah pengertian dari ...

a)

Adjacent Sibling Selector

b)

General Sibling Selector

c)

Pseudo-class Selector

d)

Parent Selector

48.

Apa itu Flexbox?

a)

Konsep box model yang bersifat fleksibel.

b)

Properti untuk menetapkan dimensi element secara fleksibel.

c)

Model layout yang mudah dan praktis dalam mengatur elemen dengan menggunakan pola container-item.

d)

Elemen yang bersifat fleksibel.

49.

Pada potongan kode dibawah ini, manakah yang dimaksud dengan selector?

h1 { color: green; }  

p {    

font-size: small;    

font-family: sans-serif;

}

a)

Color, font-size, font-family

b)

h1 dan p

c)

Green, small, sans-serif

d)

{ } atau kurung kurawal

50.

Berikut adalah contoh website interaktif, kecuali

a)

Bukalapak

b)

Web blog

c)

Facebook

51.

Website yang datanya tidak diperbarui secara berkala dan hanya menampilkan informasi tanpa memanfaatkan database dikategorikan pada

a)

Website statis

b)

Website dinamis

c)

Website interaktif

52.

CSS digunakan untuk menghubungkan sebuah form dengan database

a)

True

b)

False

53.

Salah satu contoh text editor adalah

a)

Notepad++

b)

Xampp

c)

Browser

54.

URL adalah nama unik yang mengidentifikasi letak sumber daya website berupa file HTML, gambar, video dan sebagainya yang biasanya akan tampil pada address bar browser ketika sumber daya tersebut diakses.

a)

True

b)

False

55.

Bahasa program yang merupakan struktur dasar dalam pembuatan website adalah

a)

PHP

b)

Javascript

c)

HTML

56.

Jenis-jenis website diantaranya kecuali

a)

Website Dinamis

b)

Website Statis

c)

Website Server

57.

Apa itu tag <div> dalam HTML?

a)

  • a. Tag untuk membuat link

b)

  • b. Tag untuk membagi konten menjadi beberapa bagian logik

c)

  • c. Tag untuk menampilkan gambar

d)

  • d. Tag untuk membuat daftar

58.

  • Mengapa tag <div> sangat berguna saat menggunakan CSS?

a)

a. Karena bisa memuat gambar dengan lebih cepat

b)

  • b. Karena memudahkan aplikasi style dengan CSS dan perlakuan khusus lainnya

c)

  • c. Karena mengurangi ukuran file HTML

d)

  • d. Karena menambah kecepatan loading halaman web

59.

Apa saja properti padding dalam CSS?

a)

  • a. padding-top, padding-right, padding-bottom, padding-left

b)

  • b. padding-start, padding-end, padding-top, padding-bottom

c)

  • c. padding-upper, padding-lower, padding-left, padding-right

d)

  • d. padding-left, padding-right, padding-top, padding-down

60.

Apa yang digunakan untuk mengatur warna teks dalam CSS?

a)

  • a. font-color

b)

  • b. color

c)

  • c. text-color

d)

  • d. background-color

61.

Apa fungsi dari properti font-style dalam CSS?

a)

  • a. Mengatur ukuran font

b)

  • b. Mengatur warna font

c)

  • c. Mengatur gaya font (normal, italic, oblique)

d)

  • d. Mengatur jenis font

62.

Apa properti CSS yang digunakan untuk menentukan lebar dari field input?

a)

  • a. height

b)

  • b. width

c)

  • c. size

d)

  • d. length

63.

Bagaimana cara menyeleksi hanya field input dengan tipe teks menggunakan CSS?

a)

  • a. input[type=password]

b)

  • b. input[type=number]

c)

  • c. input[type=text]

d)

  • d. input[type=button]

64.

Properti CSS apa yang digunakan untuk menambahkan ruang di dalam text field?

a)

  • a. margin

b)

  • b. padding

c)

  • c. border

d)

  • d. width

65.

Apa fungsi dari element.innerHTML dalam JavaScript?

a)

a. Menambahkan elemen baru ke dalam dokumen

b)

b. Mengubah konten HTML di dalam sebuah elemen

c)

c. Menghapus atribut elemen

d)

d. Mengubah gaya elemen

Similar Resources on Wayground

Hilos Java

62 questions

Hilos Java

quiz

Worksheet

•

University

WEBDES Midterm Exam

60 questions

WEBDES Midterm Exam

quiz

Worksheet

•

University

TSI-NEW

70 questions

TSI-NEW

quiz

Worksheet

•

University

Quiz Mengenai Hoax dan Cara Menghindarinya

70 questions

Quiz Mengenai Hoax dan Cara Menghindarinya

quiz

Worksheet

•

9th Grade - University

Programación

60 questions

Programación

quiz

Worksheet

•

KG - Professional Dev...

C Programming

70 questions

C Programming

quiz

Worksheet

•

University

Computer basics

60 questions

Computer basics

quiz

Worksheet

•

University

IST Final Exam Review Tindall

63 questions

IST Final Exam Review Tindall

quiz

Worksheet

•

9th Grade - University