wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

PTS PEMROGRAMAN WEB

Total questions: 50

Worksheet time: 59mins

Name
Class
Date
1.

Yang merupakan bagian dari tag <form> dibawah ini adalah? Kecuali...

a)

<td>

b)

<input>

c)

<select>

d)

<textarea>

2.

Untuk menerima masukan berupa pilihan pada <form> HTML adalah...

a)

Radio

b)

Submit

c)

Password

d)

Text

3.

Untuk memberi warna teks pada web diatur dengan mengubah nilai atribut ...

a)

Body

b)

Fontcolor

c)

Tittle

d)

Bgcolor

4.

Perintah Unordered List agar dapat menampilkan list bulat adalah...

a)

Circle

b)

Disc

c)

Clyndrical

d)

Donuts

5.

Memanjangkan kolom menjadi 3, menggunakan perintah...

a)

<table border ="3">

b)

<column="3">

c)

<colspan="3">

d)

<rowspan="3">

6.

Tag <img src=" .... .jpg"> digunakan untuk ...

a)

Mengubah Gambar

b)

Mengatur Gambar

c)

Menghapus Gambar

d)

Menampilkan Gambar

7.

Manakah yang merupakan deklarasi standar tipe dokumen HTML5?

a)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.example.com/TR/xhtml11/DTD/xhtml11.dtd">

b)

<!DOCTYPE PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.example.com/TR/xhtml11/DTD/xhtml11.dtd">

c)

<!doctype head>

d)

<!doctype html>

8.

Dalam pembuatan kode program HTML, kita harus menuliskan sintak dasar terlebih dahulu. Sintak HTML berikut ini yang akan menampilkan kalimat Saya Mengerjakan dengan JUJUR adalah

a)

<html>

<head>

<title>Program HTML</title>

</head>

<body>

<b>Saya Mengerjakan dengan JUJUR</b>

</body>

</html>

b)

<html>

<head>

<title>Program HTML</title>

</head>

<body>

<i>Saya Mengerjakan dengan JUJUR</i>

</body>

</html>

c)

<html>

<head>

<title>Program HTML</title>

</head>

<body>

<u>Saya Mengerjakan dengan JUJUR</u>

</body>

</html>

d)

<html>

<body>

<title>Program HTML</title>

</body>

<head>

<b>Saya Mengerjakan dengan JUJUR</b>

</head>

</html>

e)

<html>

<body>

<title>Program HTML</title>

</body>

<head>

<i>Saya Mengerjakan dengan JUJUR</i>

</head>

</html>

9.

Atribut action pada tag form digunakan untuk

a)

Menentukan nama dari form

b)

Menentukan metode pengiriman data

c)

Menentukan alamat halaman yang memproses inputan

d)

Menerima masukan berupa pilihan

e)

Menandai dan mengatur nilai dari suatu pilihan

10.

Tag HTML mana yang digunakan untuk mendefinisikan CSS internal...

a)

<style>

b)

<script>

c)

<css>

d)

<head>

11.

Manakah sintaks CSS yang benar...

a)

{body:color=black;}

b)

{body;color=black;}

c)

body{color:black;}

d)

body:color=black;

12.

css ditulis dalam tag...

(a)  

13.

selector { letter-spacing:nilai spasi;}
Format diatas merupakan pengaturan css untuk...

(a)  

14.


script pada gambar berikut merupakan contoh format untuk menuliskan...

(a)  

15.

tag <SELECT> digunakan untuk...

a)

Membatalkan opsi

b)

Menampilkan opsi pilihan

c)

Memilih beberapa opsi

d)

menentukan ukuran

16.

Properti yang berguna untuk menetapkan jenis font yang akan diterapkan pada target adalah?

a)

A) Font-style

b)

B) Font-weight

c)

C) Font-family

d)

D) Font-size

17.

Manakah selector pada CSS berikut?

p { color: red; }

a)

p

b)

color

c)

red

18.

bagaimana menghapus garis bawah pada sebuah link menggunakan CSS?

a)

a {underline: none;}

b)

a {text-decoration: none;}

c)

a {style: none;}

d)

link {underline: none;}

19.

Ketika menggunkanan Selektor "Kelas"

Apa yang harus ada di depan nama kelas selektor?

a)

#

b)

&

c)

@

d)

.

20.

Apa yang salah dari code berikut?

a)

Style sheet <link> statement harusnya berada pada <head> dan </head>

b)

Style sheet <link> statement harusnya berada pada <title> dan </title>

c)

Style sheet <link> statement harusnya berada pada </head> dan<body>

d)

Style sheet <link> statement harusnya tepat berada setelah statement DOCTYPE

21.

Untuk menambahkan line break pada webpage. Tag apa yang harus digunakan?

a)

<ul>

b)

<li>

c)

<br>

d)

<h1>

22.

Mana cara yang benar untuk menambahkan atribute pada html Tag?

a)

<src>

b)

classes:ids

c)

id="title"

d)

<id>

23.

Perhatikan kode berikut ini : <tabIe>

<tr>

<th>JuduI Buku</th>

<th>PenuIis</th>

</tr>

<tr>

<td>Pemrograman Web</td>

<td>EIon Musk</td>

</tr>

</tabIe> Berikut ini manakah yang merupakan pernyataan yang benar ....

a)
Tabel memiliki 4 kolom dan 4 baris
b)
Tabel memiliki 2 kolom dan 2 baris
c)
Tabel memiliki 2 kolom dan 1 baris
d)
Tabel memiliki 2 kolom dan 3 baris
e)
Elemen < tr > berfungsi untuk membuat Tabel
24.
Untuk membuat paragraph pada halaman web menggunakan tag ....
a)

<div> </div>

b)

<p> </p>

c)

<prg> </prg>

d)

<paragraph> </paragraph>

e)

<h1> </h1>

25.
Syntax html yang benar untuk membuat tulisan pada gambar berikut adalah ....
a)

<h1><b><i>Welcome to RPL</i></b></h1>

b)

<h1><i><b>Welcome to RPL</b></i></h1>

c)

<h1><b><i>Welcome to RPL</b></i></h1>

d)

<h1><i>Welcome to </i><b>RPL</b></h1>

e)

<h1><i>Welcome <b> to </i>RPL</b></h1>

26.
Bootstrap merupakan framework CSS hanya berfungsi untuk mendesain tampilan website yang responsif, tidak berfungsi untuk memberikan fungsi logika dan pengelolaan database
a)
Benar
b)
Salah
27.

Tag <a> memerlukan atribut align untuk menentukan tujuan URL yang akan dituju  

a)
Benar
b)
Salah
28.

Tag <h1> digunakan untuk menandai judul dengan ukuran terbesar, sedangkan tag <h6> digunakan untuk ukuran teks terkecil

a)
Benar
b)
Salah
29.

Untuk menampilkan tulisan pada halaman web dengan ketentuan di bawah ini adalah....


Teks = “SMK Negeri 5 Kendal”

Ukuran huruf = 5

Warna huruf = Biru

Tipe huruf = Arial

a)

<font face=”Arial” size=”5” color=”blue” >SMK Negeri 5 Kendal</font>

b)

<font type=”Arial” size=”5” color=”blue” >SMK Negeri 5 Kendal</font>

c)

<font face=Arial size=5 color=blue >SMK Negeri 5 Kendal</font>

d)

<font face=”Arial” size=”5” color=”blue” >SMK Negeri 5 Kendal

e)

<face=”Arial” size=”5” color=”blue” >SMK Negeri 5 Kendal

30.

Perhatikan penulian style css berikut:

#header { color: red; }

”red” pada kode di atas disebut ....

a)

sElektor ID

b)

Selektor

c)

Selektor class

d)

Property

e)

Value

31.

Kepanjangan dari CSS adalah ..

a)

Cascading Style Sheet

b)

Cashcading Style Sheet

c)

Cascadyng Style Sheet

d)

Caseflow Style Sheet

e)

Coding Style Sheet

32.

CSS merupakan suatu dokumen website yang bertujuan untuk ..

a)

Mengatur gaya tampilan website

b)

Mengatur bahasa pemrograman

c)

Mengatur cahaya tampilan web

d)

Menggabungkan antara bagian isi web yang dibuat

e)

Semua jawaban benar

33.

Bagian utama CSS terdiri dari tiga bagian yaitu ..

a)

Selector, property, value

b)

Selector, formula, proeprty

c)

Formula, Property, value

d)

Selector, sum, value

e)

Property, sum, value

34.

Format penulisan CSS yang benar adalah ..

a)

Selector {Property: Value;}

b)

Property {Selector: Value;}

c)

Selector {Value: Porperty;}

d)

Value {Property: Selector;}

e)

Selector (Property; Value;)

35.

Selector ID dilambangkan dengan simbol ..

a)

.(titik)

b)

/(garis miring)

c)

#(pagar)

d)

*(bintang)

e)

$(dolar)

36.

Selector CLASS dilambangkan dengan simbol ..

a)

$(dolar)

b)

#(pagar)

c)

*(bintang)

d)

.(titik)

e)

/(garis miring)

37.

Jelaskan apa yang dimaksud dengan metode pemanggilan internal CSS ..

a)

Menulis kode CSS di dalam tag

b)

Menggunakan file terpisah dengan ekstensi .js

c)

Menggunakan tag untuk menghubungkan file CSS

d)

Semua jawaban benar

e)

Menggunakan file terpisah dengan ekstensi .css

38.

Bagaimana cara menggunakan metode pemanggilan inline CSS ..

a)

Dengan menambahkan CSS ke dalam tag

b)

Dengan menambahkan gaya langsung ke dalam tag HTML menggunakan atribut style

c)

Dengan menggunakan JavaScript untuk memanggil CSS

d)

Dengan membuat file terpisah untuk setiap elemen HTML

e)

Semua jawaban benar

39.

Jelaskan perbedaan antara metode pemanggilan inline dan internal CSS ...

a)

Metode pemanggilan inline menggunakan atribut style di dalam tag HTML, sedangkan internal CSS menggunakan tag

b)

Metode pemanggilan inline menggunakan tag , sedangkan internal CSS menggunakan tag

c)

Metode pemanggilan inline menggunakan tag , sedangkan internal CSS menggunakan tag

d)

Metode pemanggilan inline menggunakan tag

e)

Semua jawaban benar

40.

Untuk memanggil script CSS external atau yang berada di luar menggunakan ..

a)

<link rel="stylesheet" href="style.css">

b)

<link rel="stylesheet" herf="style.css">

c)

<link rel="style.css">

d)

<style>style.css</style>

e)

<link href="stylesheet">

41.

Dari baris code tersebut, mana yang disebut selector ..

a)

#7ed6a5

b)

body

c)

font-family

d)

sans-serif

e)

background-color

42.

Untuk mendapatkan warna tulisan seperti pada gambar, maka kode pada pada CSS yang harus ditulis adalah ..

a)

color: blue;

b)

border-color: blue;

c)

font-color: blue;

d)

color-adjust: blue;

e)

semua jawaban benar

43.

Sintak yang benar untuk menambahkan warna background atau latar belakang dibawah ini adalah ..

a)

<body style=’background-color:green’>

b)

<body style=’background-:color:green’>

c)

<latarbelakang>hijau<green>

d)

<background>green</background>

e)

<body style=’background-green’>

44.

Sintak CSS yang dipakai ketika kita akan merubah tulisan menjadi bold adalah ..

a)

font-weight: bold;

b)

font-size: 12px;

c)

font-style: italic;

d)

font-family: verdana;

e)

Font-style: Bold;

45.

Kode CSS untuk menentukan background berupa gambar pada halaman web adalah ..

a)

background-images: url(gambar.jpg);

b)

background-image: url(gambar.jpg);

c)

bgimage: url(gambar.jpg);

d)

bgimage: url(gambar.jpg);

e)

image:url(gambar.jpg);

46.

Sintaks CSS yang paling tepat untuk merubah semua elemen

menjadi bold adalah ..

a)

p {font-weight:bold}

b)

all.p{text-size:bold}

c)

.p (text-size:bold}

d)

#p {text-size:bold}

e)

semua jawaban benar

47.

Perhatikan script CSS dibawah ini:

p {color:red;}

Yang disebut property adalah ..

a)

p

b)

red

c)

color

d)

color:red

e)

tidak ada jawaban yang betul

48.

  1. 4. Jika border ="1" berarti menginstruksikan kepada web browser bahwa tabel tersebut akan memiliki garis tepi sebesar......

a)

a. 0.01 pixel

b)

b. 0.1 pixel

c)

c. 1 pixel

d)

d. 10 pixel

e)

e. 100 pixel

49.

  1. 8. Pengaturan warna yang digunakan dalam CSS dengan nilai "#ff0000" masuk kedalam kategori.....

a)

a. RGB

b)

b. HEX

c)

c. CMYK

d)

d. Color

e)

e. aktual

50.

Untuk menentukan jenis font pada tag <font> maka membutuhkan sebuah atribut ?

a)

face

b)

input

c)

name

d)

id

Similar Resources on Wayground

KELAS 2-REVIEW MATERI INFORMATIKA SM2

50 questions

KELAS 2-REVIEW MATERI INFORMATIKA SM2

quiz

Worksheet

•

2nd Grade - University

Bài Quiz không có tiêu đề

50 questions

Bài Quiz không có tiêu đề

quiz

Worksheet

•

11th Grade - University

Informatika 11

50 questions

Informatika 11

quiz

Worksheet

•

11th Grade

Uji Pemahaman Algoritma Pemrograman

50 questions

Uji Pemahaman Algoritma Pemrograman

quiz

Worksheet

•

10th Grade - University

Beginner's Guide to Pseudocode Structure

50 questions

Beginner's Guide to Pseudocode Structure

quiz

Worksheet

•

8th Grade - University

UAS TIK KELAS VII GANJIL 2024/2025

50 questions

UAS TIK KELAS VII GANJIL 2024/2025

quiz

Worksheet

•

7th Grade - University

Latihan Pemantapan Informatika

45 questions

Latihan Pemantapan Informatika

quiz

Worksheet

•

9th - 12th Grade

Challenge Fullstack : Évaluez Vos Fondamentaux

55 questions

Challenge Fullstack : Évaluez Vos Fondamentaux

quiz

Worksheet

•

2nd Grade - University