Anda di halaman 1dari 12

Dashboard / My courses / Pemrograman Web (Genap 2019-2020) / Pra-UTS / Quiz to Pra-UTS

Started on Tuesday, 17 March 2020, 9:21 PM


State Finished
Completed on Tuesday, 17 March 2020, 9:38 PM
Time taken 16 mins 11 secs
Marks 50.00/50.00
Grade 10.00 out of 10.00 (100%)

Question 1
Tag yang tepat untuk membungkus langkah-langkah memasak adalah …
Complete

Mark 1.00 out


Select one:
of 1.00
A. <ol> dan <li>

B. <ul> dan <li>

C. <p>

D. <dl> dan <dd> dan <dt>

E. Jawaban benar

Question 2 Apabila ada tabel seperti gambar dibawah ini,


Complete

Mark 1.00 out


of 1.00

Maka struktur HTML yang benar adalah …

Select one:

A.

B.

C.

D.
/
Question 3 Pada elemen <img>, attribute yang digunakan untuk menampilkan label apabila file gambar tidak berhasil ditemukan
Complete …
Mark 1.00 out
of 1.00 Select one:
A. Title

B. Alt

C. Src

D. target

Question 4 Tag HTML yang digunakan untuk mencetak x2 adalah … , sedangkan untuk mencetak x2 adalah …
Complete

Mark 1.00 out Select one:


of 1.00
A. <sub> dan <top>

B. <small> dan <sub>

C. <sub> dan <sup>

D. <sup> dan <top>

E. <small> dan <big>

F. <sup> dan <sub>

Question 5 Berikut ini adalah tag-tag HTML5 semantic, kecuali …


Complete

Mark 1.00 out Select one:


of 1.00
A. <summary>

B. <span>

C. <time>

D. <section>

E. <mark>

Question 6
Complete

Mark 1.00 out


of 1.00

Apabila kita ingin menambahkan gambar kadal.jpg pada index.html, maka filepath yang dapat digunakan adalah …

Select one:
A. ../kadal.jpg

B. ../folder/folder2/kadal.jpg

C. ../folder2/kadal.jpg

D. folder/kadal.jpg

/
Question 7 Apabila ada tabel seperti gambar dibawah ini,
Complete

Mark 1.00 out


of 1.00

Maka struktur HTML yang benar adalah …

Select one:

A.

B.

C.

D.

Question 8 HTML special entities yang digunakan untuk mencetak tanda © adalah ..
Complete

Mark 1.00 out Select one:


of 1.00
A. &reg;

B. &amp;

C. &copyright;

D. &copy;

Question 9
Complete
Apabila kita ingin menambahkan gambar cicak.jpg pada index.html, maka filepath yang dapat digunakan adalah …
Mark 1.00 out
of 1.00
Select one:
A. cicak.jpg

B. ../folder/folder2/../cicak.jpg

C. folder2/../../cicak.jpg

D. ../folder/cicak.jpg

Question 10 Untuk dapat membuat sebuah baris tabel memiliki lebar 2 kolom menggunakan antribut?
Complete

Mark 1.00 out Select one:


of 1.00
A. Colspan = 2

B. Rowspan = 2

C. Colspan = “2”

D. Span = “2”

E. Rowspan = “2”

/
Question 11 Tag yang digunakan untuk mendefinisikan versi HTML adalah …
Complete

Mark 1.00 out Select one:


of 1.00
A. <html version=”5”>

B. <html5>

C. <!DOCTYPE html>

D. <!DOCTYPE html5>

E. Semua jawaban salah

Question 12 Elemen yang berfungsi memberikan informasi mengenai dokumen html adalah...
Complete

Mark 1.00 out Select one:


of 1.00
A. <title>

B. <!DOCTYPE>

C. <html>

D. <head>

E. <body>

Question 13 Tag HTML untuk melakukan link ke halaman lain adalah ...
Complete

Mark 1.00 out Select one:


of 1.00
A. <a link=””></a>

B. <a src=””></a>

C. <a href=””></a>

D. <a></a>

E. <a target=””></a>

Question 14 Urutan tag pada struktur HTML yang benar adalah …


Complete

Mark 1.00 out Select one:


of 1.00
A. <!DOCTYPE html5>
<html>
<head><title></title></head>
<body></body>
</html>

B. <!DOCTYPE html>
<html>
<title></title>
<head></head>
<body></body>
</html>

C. <!DOCTYPE html>
<html>
<head><title></title></head>
<body></body>
</html>

D. Semua jawaban salah

E. <!DOCTYPE html5>
<html>
<head></head>
<body></body>
<foot></foot>
</html>

/
Question 15
Tag yang tepat dalam resep  untuk membungkus bahan yang dibutuhkan adalah …
Complete

Mark 1.00 out


Select one:
of 1.00
A. <ul> dan <li>

B. <dl> dan <dd> dan <dt>

C. <ol> dan <li>

D. Jawaban benar

E. <p>

Question 16 Statement dari tag <video> yang benar adalah …


Complete

Mark 1.00 out Select one:


of 1.00
A. Attribute controls digunakan untuk menampilkan tombol pengaturan, seperti play, pause, dan volume

B. Dapat memiliki attribute src lebih dari 1

C. Dapat memiliki attribute audio untuk mengatur apakah video ditampilkan bersama suara atau tidak

D. Statement A, B dan C benar

Question 17 Elemen <img … />, jawaban yang tepat untuk mengisi titik-titik pada elemen tersebut adalah …
Complete

Mark 1.00 out Select one:


of 1.00
A. alt=”path”

B. link=”path

C. href=”path”

D. src=”path”

Question 18 Apabila ada tag <p class=”article”>Lorem Ipsum</p>, maka pernyataan yang benar di bawah ini adalah …
Complete

Mark 1.00 out Select one:


of 1.00
A. Lorem Ipsum Adalah property value dari elemen tersebut

B. Elemen diatas dari <p class=”article”> dan </p>

C. <p class=”article”> merupakan attribute

D. Semua pernyataan salah

E. Elemen tersebut memiliki nilai attribute p

Question 19 Berikut ini adalah tag html yang valid, kecuali...


Complete

Mark 1.00 out Select one:


of 1.00
A. <footer>

B. <header>

C. <image>

D. <select>

E. <canvas>

/
Question 20
Complete
Pada kode diatas, teks “samping aa” akan muncul di…
Mark 1.00 out
of 1.00
Select one:
A. Tidak muncul

B. Atas teks ”aa”

C. Bawah teks “aa”

D. Samping kiri teks “aa”

E. Samping kanan teks “aa”

Question 21
Complete
Kode program yang tepat untuk menghasilkan form elemen dengan label 1 adalah …
Mark 1.00 out
of 1.00
Select one:
A. <textarea name=”nama” value=””>

B. <input type=”text” name=”nama” placeholder=”Nama:”>

C. <input type=”text” name=”nama” value=””>

D. <input:text name=”nama”>

Question 22
Complete
Apabila kita ingin menambahkan gambar kecoa.jpg pada index.html, maka filepath yang dapat digunakan adalah …
Mark 1.00 out
of 1.00
Select one:
A. kecoa.jpg

B. ../kecoa.jpg

C. folder2/kecoa.jpg

D. folder/kecoa.jpg

Question 23 Format audio yang disupport oleh tag <audio> adalah …


Complete

Mark 1.00 out Select one:


of 1.00
A. MP3

B. OGG

C. WAV

D. Statement A, B dan C benar

Question 24
Complete
Yang bukan merupakan tag html yang valid adalah …
Mark 1.00 out
of 1.00
Select one:
A. <music>

B. <sup>

C. <progress>

D. <p>

E. <h1>

/
Question 25
Complete
Tag yang digunakan untuk memberikan enter pada HTML adalah …
Mark 1.00 out
of 1.00
Select one:
A. <frame>

B. <insert>

C. <br>

D. <p>

E. <tr>

Question 26 ‘#selector1.selector2’ adalah sebuah selector yang mengarah ke...


Complete

Mark 1.00 out Select one:


of 1.00
a. Kelas selector 1 dengan ID selector2

b. Tidak ada jawaban yang benar

c. ID selector1 dengan kelas selector2

d. Anak dari kelas selector 1 yang mempunyai ID selector2

e. Anak dari ID selector1 yang mempunyai kelas selector2

Question 27
Complete
Nilai padding-top adalah …
Mark 1.00 out
of 1.00
Select one:
A. 20px

B. 10px

C. 18px

D. 5px

Question 28 Penulisan value dari property color berikut yang tidak menghasilkan warna hijau adalah…
Complete

Mark 1.00 out Select one:


of 1.00
A. #00ff00

B. Green

C. RGB(0, 255, 0)

D. rgb(0, 255, 0)

E. Tidak ada jawaban

Question 29 Berikut ini merupakan value space-between dari justify content adalah…
Complete

Mark 1.00 out Select one:


of 1.00
A.

B.

C.

D.

E.

/
Question 30
Complete
Teks “Jangan takut.” akan memiliki warna …
Mark 1.00 out
of 1.00
Select one:
A. Biru

B. Kuning

C. Merah

D. Hijau

E. Hitam

Question 31 Border tabel yang tidak diset stylenya akan menghasilkan border yang...
Complete

Mark 1.00 out Select one:


of 1.00
a. solid

b. hidden

c. none

d. dotted

e. dashed

Question 32 ‘...’ akan membuat background element menjadi warna hitam


Complete

Mark 1.00 out Select one:


of 1.00
a. color-background: black;

b. color-background: white;

c. background-color: white;

d. background-color: black;

e. Tidak ada jawaban yang benar

Question 33 Ketika menggunakan width 100%, yang terjadi adalah...


Complete

Mark 1.00 out Select one:


of 1.00
a. Elemen akan mengambil 100% lebar dari layar

b. Elemen akan mengambil 100% tinggi dari layar

c. Elemen akan mengambil 100% lebar dari lebar parent element

d. Elemen akan mengambil 100% tinggi dari tinggi parent element

e. Elemen akan mengambil 100% lebar dari lebar child element

Question 34 Perhatikan statement dibawah ini:


Complete

Mark 1.00 out


of 1.00 Syntax yang tepat untuk mengisi titik-titik statement tersebut adalah …

Select one:
A. Semua statement salah

B. Background-color

C. background

D. background-image

/
Question 35 penulisan style berikut yang benar adalah…
Complete

Mark 1.00 out Select one:


of 1.00
A. border-width: 1px green;

B. border-style: green dotted;

C. border: 1px, dashed, green;

D. border solid black 1px;

E. border: 1px solid;

Question 36
Complete
External.css
Mark 1.00 out
of 1.00

Teks “Heading 2” akan ditulis dengan warna purple

Select one:
True

False

Question 37
Complete
Tulisan “pharagraf ke-3” akan menghasilkan tulisan dengan warna …
Mark 1.00 out
of 1.00

Select one:
A. Blue/biru

B. Grey/abu-abu

C. Purple/ungu

D. Red/merah

E. Green/hijau

Question 38 Berikut yang merupakan cara menggunakan css external adalah...


Complete

Mark 1.00 out Select one:


of 1.00
a. <stylesheet>style.css</stylesheet/>

b. <style src="style.css" />

c. <style rel=”stylesheet” type=”text/css href=”style.css”>

d. <link src=”style.css”/>

e. <link rel="stylesheet" type="text/css" href="style.css">

Question 39
Complete
Untuk melakukan select paragraf dengan isi “4” maka selector yang tepat digunakan adalah…
Mark 1.00 out
of 1.00
Select one:
a. div > p

b. div > p:nth-child(3)

c. div > p:nth-child(4)

d. div + p(4)

e. p

/
Question 40 <p style="font-weight: bold;">
Complete

Mark 1.00 out Sintaks di atas merupakan penerapan css dengan cara…
of 1.00

Select one:
a. External

b. Embedded

c. Inline

d. Internal

e. Tidak ada jawaban yang benar

Question 41
Complete
Tulisan “Judul” akan dituliskan dalam format ...
Mark 1.00 out
of 1.00
Select one:
A. Background Putih

B. Warna aqua

C. Warna hitam, latar belakang hijau

D. Warna hitam

E. Semua salah

Question 42 Selector yang membuat styling elemen akan aktif pada saat pointer mouse menunjuk pada elemen tersebut adalah...
Complete

Mark 1.00 out Select one:


of 1.00
a. p>hover(){

}

b. p:hover(){

}

c. p>hover{

}

d. p:hover{

}

e. hover(){

}

Question 43 Pada “Box Model”, jarak antara tiap konten adalah …


Complete

Mark 1.00 out Select one:


of 1.00
a. Border

b. Content

c. Margin

d. Space

e. Padding

/
Question 44 Cara menggunakan attribute css ‘.ini-kelas’ adalah
Complete

Mark 1.00 out Select one:


of 1.00
a. <ini-kelas></ini-kelas>

b. <p class=”.ini-kelas”></p>

c. <p class=”ini-kelas”></p>

d. <ini-kelas p></ini-kelas p>

e. <p ini-kelas></p>

Question 45 Komentar pada css dituliskan dengan syntax …


Complete

Mark 1.00 out Select one:


of 1.00
A. // komentar //

B. /* komentar */

C. /** komentar **/

D. / komentar /

Question 46 Jarak antar elemen dengan elemen lainnya disebut?


Complete

Mark 1.00 out Select one:


of 1.00
A. float

B. Box model

C. Border

D. Margin

E. Padding

Question 47 Format Penulisan CSS untuk pengaturan jarak (spasi) antara karakter huruf adalah...
Complete

Mark 1.00 out Select one:


of 1.00
a. {text-indent:[nilai-spasi];}

b. {letter-spacing:[nilai-spasi];}

c. {text-transform:[nilai-spasi];}

d. {text-decoration:[nilai-spasi];}

e. {word-spacing:[nilai-spasi];}

Question 48 Statement dibawah ini salah, kecuali …


Complete

Mark 1.00 out Select one:


of 1.00
A. font-weight : oblique;

B. font-size : large;

C. font-style : bold;

D. font-variant : italic;

/
Question 49
Complete
Selector CSS yang dapat digunakan untuk “memilih/menunjuk” tulisan HTML, CSS, PHP, dan javascript pada bagian
Mark 1.00 out
of 1.00 “Materi Perkuliahan” adalah …

Select one:
A. section span

B. ul span

C. section>ul>li>span

D. li>span

E. Pilihan B, C dan D benar

F. Pilihan C, D dan E benar

G. Pilihan A, B, dan E benar

H. Pilihan A, B, C, dan E benar

I. ul>span

Question 50 Format penulisan sintaks CSS yang benar adalah...


Complete

Mark 1.00 out Select one:


of 1.00
a. Selector {Property: value;}

b. Value {Property: selector;}

c. Selector {value: property;}

d. Selector {Property; value;}

e. Property {Selector: value;}

◄ Tes Kecil 2 - CSS Jump to...

Anda mungkin juga menyukai