Tes Kecil 2 - CSS

2/22/2020 Tes Kecil 2 - CSS
Dashboard / My courses / Pemrograman Web (Genap 2019-2020) / CSS / Tes Kecil 2 - CSS
Started on Saturday, 22 February 2020, 12:04 PM

State Finished
Completed on Saturday, 22 February 2020, 12:34 PM
Time taken 30 mins
Marks 42.00/118.00
Grade 2.67 out of 7.50 (36%)
Question 1 Berikut yang merupakan cara menggunakan css external adalah...

Correct
Mark 1.00 out Select one:

of 1.00
a. <stylesheet>style.css</stylesheet/>
b. <link src=”style.css”/>
c. <style rel=”stylesheet” type=”text/css href=”style.css”>
d. <style src="style.css" />
e. <link rel="stylesheet" type="text/css" href="style.css"> 
Your answer is correct.
The correct answer is: <link rel="stylesheet" type="text/css" href="style.css">
Question 2
Incorrect
Mark 0.00 out

of 1.00 Untuk mengubah semua paragraf menjadi berwarna merah, manakah styling yang benar?
Select one:
a. p { color: Red; }
b. Paragraf { color: Red; }
c. #p { color: Red; }
d. #paragraf { color: Red; }
e. .paragraf { color: Red; } 
Your answer is incorrect.

The correct answer is: p { color: Red; }
https://moodle.fti.ukdw.ac.id/mod/quiz/review.php?attempt=27711&cmid=2515&showall=1 1/41
Question 3 Perhatikan sintaks css berikut:

Correct
Mark 1.00 out

of 1.00
yang disebut property yaitu...
Select one:
a. color: yellow
b. color, background-color 
c. {}
d. p
e. yellow, red
The correct answer is: color, background-color
Question 4 Perhatikan sintaks css berikut:

Correct
Mark 1.00 out

of 1.00
Yang disebut selector yaitu...
Select one:
a. p 
b. color, background-color
c. {}
d. color: yellow
e. yellow, red
The correct answer is: p
Question 5 Bobot pada selector HTML yaitu…

Incorrect

of 1.00
a. 100
b. 1000
c. 0
d. 10
e. 1 
The correct answer is: 100
Question 6 Perhatikan tag HTML dibawah ini:

Correct
Mark 1.00 out

of 1.00
Cara untuk memberikan warna background merah pada tulisan “Ini paragraph 1” secara eksternal yaitu…
Select one:
a. Benar semua
b.
c.
d. 2 dari 3 jawaban benar 
e.
The correct answer is: 2 dari 3 jawaban benar
Question 7 <p style="font-weight: bold;">

Correct
Mark 1.00 out Sintaks di atas merupakan penerapan css dengan cara…
of 1.00
Select one:
a. Inline 
b. Tidak ada jawaban yang benar
c. Internal
d. Embedded
e. External
The correct answer is: Inline
Question 8 Cara memasang semua(right, bottom, left, top) value pada padding dalam 1 ukuran yaitu…
Correct

of 1.00
a. <p style=”padding: 2px 3px 2px 3px;”>
b. <p style=”padding: 3px, , , ;”>
c. <p style=”padding: 2px 3px;”>
d. <p style=”padding: all 3px;”>
e. <p style=”padding: 3px;”> 
The correct answer is: <p style=”padding: 3px;”>
Question 9 Berikut adalah satuan css kecuali …

Incorrect

of 1.00
a. cm
b. em
c. rem 
d. %
e. px
The correct answer is: cm
Question 10 Pada “Box Model”, jarak antara tiap konten adalah …

Correct

of 1.00
a. Margin 
b. Padding
c. Space
d. Border
e. Content
The correct answer is: Margin
Question 11 Untuk menggunakan css internal, tag yang diperlukan adalah…

Correct

of 1.00
a. <css>
b. <link src=”style.css”>
c. <stylesheet>
d. <script>
e. <style> 
The correct answer is: <style>
Question 12 Pada “Box Model”, jarak antara konten dengan border bagian dalam adalah …
Correct

of 1.00
a. Padding 
b. Margin
c. Border
d. Content
Content
Content
e. Space
The correct answer is: Padding
Question 13 Untuk membuat text berada ditengah, maka css yang dapat digunakan adalah. . .
Correct

of 1.00
a. Align-text : center
b. Align-position : center
c. Text-align : center 
d. Text-position : center
e. Position : center
The correct answer is: Text-align : center
Question 14 Untuk memberikan warna latar menjadi biru, maka css yang benar adalah. . .
Correct

of 1.00
a. Background-color : blue
b. Background-color : blue
c. Ada 2 jawaban yang benar 
d. Color : blue
e. Background : blue
The correct answer is: Ada 2 jawaban yang benar
Question 15 Margin : 10px 3px 2px 5px.

Correct
Penulisan kode yang memiliki output yang sama seperti disamping adalah. . .
Mark 1.00 out
of 1.00
Select one:
a. Margin-top: 3px; margin-right: 2px; margin-bottom: 5px; margin-left: 10px;
b. Margin-top: 10px; margin-right: 3px; margin-bottom: 2px; margin-left: 5px; 
c. Margin-top: 2px; margin-right: 5px; margin-bottom: 10px; margin-left: 3px;
d. Margin-top: 3px; margin-right: 5px; margin-bottom: 10px; margin-left: 2px;
e. Margin-top: 5px; margin-right: 10px; margin-bottom: 2px; margin-left: 3px;

The correct answer is: Margin-top: 10px; margin-right: 3px; margin-bottom: 2px; margin-left: 5px;
Question 16 border terdapat diantara...

Correct

of 1.00
a. Tidak ada jawaban yang benar
b. padding dan konten
c. 2 jawaban benar
d. margin dan konten lain
e. margin dan padding 

The correct answer is: margin dan padding
Question 17 Jika suatu elemen memiliki tinggi 50px dan lebar 20px, margin sebesar 10 px, border disetiap sisi sebesar 3 px.
Correct Maka tinggi keseluruhan elemen tersebut adalah...
Mark 1.00 out
of 1.00 Select one:
a. 33px
b. 50px
c. 46px
d. 63px
e. 76px 

The correct answer is: 76px
Question 18
Correct
Mark 1.00 out

of 1.00
Jika terdapat struktur seperti diatas, dan kita akan merubah warna pada tulisan paragraph 2 dan 4. Maka
selector yang bisa digunakan ialah...
Select one:
a. P[1], p[3]
b. .content > p:nth-child(odd)
c. .content > p:nth-child(even) 
d. .content.p:nth-child(even)
e. .content:nth-child(even)

The correct answer is: .content > p:nth-child(even)
Question 19
Correct
Mark 1.00 out

of 1.00
Untuk menghilangkan angka 1, 2, 3 pada list disamping bisa menggunakan perintah css...
Select one:
a. List-number: none;
b. List-style: hidden;
c. List-style: none; 
d. List-decoration: none;
e. List-decoration: hidden;

The correct answer is: List-style: none;
Question 20 Perintah css yang berlaku untuk semua elemen html adalah...
Correct

of 1.00
a. Html { ... }
b. All { ... }
c. Body { ... }
d. Main { ... }
e. * { ... } 

The correct answer is: * { ... }
Question 21 Satuan ukuran pada css yang tidak valid adalah...

Correct

of 1.00
a. cm
b. px
c. mm
d. pt
e. dm 
The correct answer is: dm
Question 22 manakah ukuran yang dapat kita gunakan, agar panjang konten dapat berubah sesuai dengan ukuran
Correct browser, serta dapat kita atur perbandingannya dengan ukuran browser?
Mark 1.00 out
of 1.00 Select one:
a. % 
b. Full-screen
c. 640 pixels
d. Auto
e. 1080px
The correct answer is: %
Question 23 border: 1px solid red memiliki arti yang sama dengan...
Correct

of 1.00
a. width: 1px; style: solid; color: red;
b. border-size: 1px; border-style: solid; border-color: red;
c. border-size: 1px; border-style: solid; border-color: red;
d. border-size: 1px; border-style: solid; border-background: red;
e. border-width: 1px; border-style: solid; border-color: red; 
The correct answer is: border-width: 1px; border-style: solid; border-color: red;
Question 24 CSS … akan ditampilkan apabila terdapat CSS internal dan inline yang mengatur sebuah tag
Correct

of 1.00
a. Inline 
b. Internal
c. Salah semua
d. Inline & internal
e. Default
The correct answer is: Inline
Question 25 Selector yang membuat styling elemen akan aktif pada saat pointer mouse menunjuk pada elemen tersebut
Correct adalah...
Mark 1.00 out
of 1.00 Select one:
a. p>hover{
…
}
b. hover(){
…
}
c. p>hover(){
…
}
d. p:hover{
…
}
e. p:hover(){
…
}
The correct answer is: p:hover{

…
}
Question 26 Untuk membuat gradasi warna sebagai background image, digunakan ...
Incorrect

of 1.00
a. vertical-gradient
b. diagonal-gradient
c. gradient 
d. linear-gradient
e. horizontal-gradient
The correct answer is: linear-gradient
Question 27 Satuan untuk ukuran di css ada...

Correct

of 1.00
a. 4
b. 2
c. 6 
d. 5
e. 3
Question 28 Mengatur tingkat transparan warna menggunakan...

Correct

of 1.00
a. Alpha 
b. Invisible
c. Tidak ada yang benar
d. Transparent
e. Visibility
The correct answer is: Alpha
Question 29 Untuk memberlakukan css pada anak tag ganjil saja digunakan...
Correct

of 1.00
a. nth-child()
b. nth_child(even)
c. nth-child(odd) 
d. nth_child(odd)
e. nth-child(even)
The correct answer is: nth-child(odd)
Question 30
Incorrect
Mark 0.00 out

akan menghasilkan...
of 1.00
Select one:
a. belajar CSS dengan ukuran 10px 
b. salah semua
c. belajar CSS dengan ukuran default
d. h1 tidak bisa diatur ukuran fontnya
e. belajar CSS tidak tertampil

The correct answer is: belajar CSS dengan ukuran default
Question 31 Format warna css yang dapat mengubah warna berdasar nilai warna merah, biru dan hijau, serta dapat
Correct mengubah opacitynya yaitu…
Mark 1.00 out
of 1.00 Select one:
a. RGB color
b. RGBa color 
c. HSL color
d. HSLA color
e. Hexadecimal color
The correct answer is: RGBa color
Question 32 Border tabel yang tidak diset stylenya akan menghasilkan border yang...
Incorrect

of 1.00
a. none
b. hidden
c. dotted
d. dashed
e. solid 
The correct answer is: none
Question 33 Cara menggunakan attribute css ‘.ini-kelas’ adalah

Correct

of 1.00
a. <p ini-kelas></p>
b. <p class=”ini-kelas”></p> 
c. <p class=”.ini-kelas”></p>
d. <ini-kelas></ini-kelas>
e. <ini-kelas p></ini-kelas p>
The correct answer is: <p class=”ini-kelas”></p>
Question 34 Selector css ‘p’ akan di aplikasikan ke...

Correct

of 1.00
a. Satu tag dengan id ‘p’
b. Semua kelas p
c. Semua tag p 
d. Sebagian tag p
e. Sebagian kelas p
The correct answer is: Semua tag p
Question 35 Ketika menggunakan width 100%, yang terjadi adalah...

Incorrect

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 child element
d. Elemen akan mengambil 100% lebar dari lebar parent element 
e. Elemen akan mengambil 100% tinggi dari tinggi parent element
The correct answer is: Elemen akan mengambil 100% lebar dari layar
Question 36 Identifier # mempunyai ‘nilai’ yang ... daripada identifier

Correct

of 1.00
a. Tidak ada jawaban yang benar
b. Lebih kecil
c. Sama kecil
d. Lebih besar 
e. Sama besar
The correct answer is: Lebih besar
Question 37 ‘...’ akan membuat background element menjadi warna hitam

Correct

of 1.00
a. background-color: black; 
b. Tidak ada jawaban yang benar
c. background-color: white;
d. color-background: white;
e. color-background: black;
The correct answer is: background-color: black;
Question 38 Identifier ‘.kelas1 .kelas2’ akan diaplikasikan ke tag html yang...

Incorrect

of 1.00
a. Anak dari kelas1 yang mempunyai kelas2
b. Tidak ada yg benar 
c. Cucu dari kelas1 yang mempunyai kelas2
d. Tag yang mempunyai kelas1 dan kelas2
e. Anak dari kelas2 yang mempunyai kelas1
The correct answer is: Anak dari kelas1 yang mempunyai kelas2
Question 39 ‘#selector1.selector2’ adalah sebuah selector yang mengarah ke...

Correct

of 1.00
a. Kelas selector 1 dengan ID selector2
b. Anak dari kelas selector 1 yang mempunyai ID selector2
c. Anak dari ID selector1 yang mempunyai kelas selector2
d. ID selector1 dengan kelas selector2 
e. Tidak ada jawaban yang benar
The correct answer is: ID selector1 dengan kelas selector2
Question 40 ‘!important’ digunakan untuk melakukan override terhadap sifat yang didapat dari...
Incorrect

of 1.00
a. Satu level yang sama
b. Parent
c. Semua jawaban benar 
d. Child
e. Kelas yang lain
The correct answer is: Parent
Question 41 ‘...’ akan membuat tag yang diaplikasikan mempunyai border hitam garis tebal dengan tebal 1px
Correct

of 1.00
a. border: 1px bold black;
b. border: 1px dashed black;
c. border: 1px solid white;
d. border: 1px solid black; 
e. border: 1px dotted black;
The correct answer is: border: 1px solid black;
Question 42 Atribut apakah yang dapat kita gunakan untuk mengidentifikasi tag HTML sebagai suatu grup khusus, agar
Correct dapat menggunakan CSS yang sama?
Mark 1.00 out
of 1.00 Select one:
a. Class 
b. Id
c. Span
d. Name
e. Div
The correct answer is: Class
Question 43 ‘#….’ adalah sebuah hex code untuk hitam.

Correct

of 1.00
a. 111111
b. 888888
c. 000000 
d. FFFFFFF
e. F0F0F0
Question 44 Berikut merupakan satuan panjang dalam CSS, kecuali…

Incorrect

of 1.00
a. px
b. pc
c. pt
d. vmin 
e. tidak ada jawaban benar
The correct answer is: tidak ada jawaban benar
Question 45 Untuk membuat sebuah elemen html tetap berada di posisi yang sama ketika user menscroll suatu halaman
Incorrect web, maka style yang perlu ditambahkan adalah…
Mark 0.00 out
of 1.00 Select one:
a. position: static;
b. position: relative; 
c. position: fixed;
d. position: sticky;
e. position: absolute;
The correct answer is: position: fixed;
Question 46
Correct
Mark 1.00 out

of 1.00
CSS selector yang benar untuk melakukan select element dengan class bernama “class2” diatas adalah…
Select one:
a. .dua
b. .satu .dua
c. .satu.dua
d. .satu
e. 2 jawaban benar 

The correct answer is: 2 jawaban benar
Question 47
Correct
Mark 1.00 out

of 1.00
Untuk melakukan select paragraf dengan isi “4” maka selector yang tepat digunakan adalah…
Select one:
a. div > p
b. div + p(4)
c. div > p:nth-child(3)
d. p
e. div > p:nth-child(4) 
The correct answer is: div > p:nth-child(4)
Question 48
Incorrect
Mark 0.00 out

of 1.00
Selector yang tepat untuk memilih elemen “5” adalah…
Select one:
a. h3 + p
b. div p:nth-child(2) 
c. div + p
d. tidak ada jawaban yang tepat
e. div *:nth-child(4)

The correct answer is: h3 + p
Question 49 Jika terdapat sebuah css sebagai berikut:

Correct
padding: 10px 20px 30px 40px;
Mark 1.00 out
of 1.00 Maka value dari bottom paddingnya adalah...
Select one:
a. 40px
b. 10px
c. 120px
d. 30px 
e. 20px
Question 50 Cara untuk membuat jarak di sekitar sebuah elemen di bagian dalam border adalah dengan
Correct menggunakan…
Mark 1.00 out
of 1.00 Select one:
a. Border
b. Float
c. Box model
d. Margin
e. Padding 
The correct answer is: Padding
Question 51 Untuk membuat text dengan style dicoret seperti ini, maka cara yang tepat adalah…
Correct

of 1.00
a. text-decoration-style: solid;
b. text-transform: capitalize;
c. text-decoration: strike-through;
d. text-decoration: strike;
e. text-decoration: line-through; 
The correct answer is: text-decoration: line-through;
Question 52 Jika diterapkan CSS dengan cara external untuk memberi background color berwarna merah, dan CSS pada
Correct elemen yang sama dengan cara inline untuk memberi background color berwarna biru, maka background
Mark 1.00 out color yang muncul pada tampilan halaman web adalah…
of 1.00
Select one:
a. Ungu
b. Hitam
c. Merah
d. Biru 
e. Tidak ada warna
The correct answer is: Biru
Question 53
untuk membuat efek tersebut, menggunakan properti...
Correct
Mark 1.00 out

of 1.00
Select one:
a. Text-shadow 
b. Text-decoration
c. Font-weight
d. Font-family
e. Letter-spacing
The correct answer is: Text-shadow
Question 54 Berikut merupakan CSS yang valid, kecuali…

Correct

of 1.00
a. text-shadow: 0 0 3px #00FF00;
b. float: left;
c. color: yellow;
d. text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
e. Tidak ada jawaban yang tepat 
The correct answer is: Tidak ada jawaban yang tepat
Question 55 Yang bukan bagian dari CSS adalah...

Incorrect

of 1.00
a. Tag
b. Selector
c. Property
d. Deklarasi 
e. Nilai / Values
The correct answer is: Tag
Question 56 Yang tidak digunakan untuk mengatur latar belakang (background) adalah...
Not answered
Marked out of Select one:

1.00
a. background-repeat
b. background-position
c. background-image
d. background-font
e. background-color
The correct answer is: background-font
Question 57 Format penulisan sintaks CSS yang benar adalah...

Not answered

1.00
a. Selector {value: property;}
b. Selector {Property; value;}
c. Value {Property: selector;}
d. Selector {Property: value;}
e. Property {Selector: value;}
The correct answer is: Selector {Property: value;}
Question 58 Properti CSS apa yang digunakan untuk mengubah warna latar belakang?
Not answered

1.00
a. style-background-color
b. .bgcolor
c. color
d. background-color
e. background-color-style
The correct answer is: background-color
Question 59 Nilai default dari properti “position” adalah...

Not answered

1.00
a. Fixed
b. Inherit
c. Absolute
d. Static
e. Relative
The correct answer is: Static
Question 60
Not answered
Marked out of
hasil dari styling diatas adalah...
1.00
Select one:
a. Semua tag h1 memiliki shadow
b. Semua tag dengan class h1 memiliki shadow
c. Semua paragraf memiliki shadow
d. Tag dengan id h1 memiliki shadow
e. Tidak terjadi apa-apa
The correct answer is: Tag dengan id h1 memiliki shadow
Question 61
Not answered
untuk menghilangkan underline dari hyperlink tersebut, dapat menggunakan...
Marked out of
1.00 Select one:
a. a {text-style: no-underline;}
b. a {text-decoration:none;}
c. a {underline: false;}
a {underline: false;}
a {underline: false;}
d. a {text-decoration: no-underline;}
e. a {text: no-underline;}
The correct answer is: a {text-decoration:none;}
Question 62
Not answered
Marked out of
1.00
Selector CSS yang dapat digunakan untuk “memilih/menunjuk” tulisan HTML, CSS, PHP, dan javascript pada
bagian “Materi Perkuliahan” adalah …
Select one:
A. ul span
B. section>ul>li>span
C. ul>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. section span

The correct answer is: Pilihan A, B, C, dan E benar
Question 63
Not answered
Marked out of
1.00
Diketahui struktur html sebagai berikut, selector CSS yang tidak dapat digunakan untuk menselect elemen
“paragraf 1” saja adalah…
Select one:
A. h2 + p
B. article > p
C. main p:nth-child(2)
D. main article > p:nth-child(2)
E. article:nth-child(2)

The correct answer is: article > p
Question 64
Not answered
Marked out of
1.00
Tulisan “karena
mereka malas belajar” akan dituliskan dalam format …
Select one:
A. Warna teks biru, latar belakang hitam
B. Warna teks biru, latar belakang merah
C. Warna teks putih, latar belakang hijau
D. Warna teks putih, latar belakang hitam
The correct answer is: Warna teks biru, latar belakang hitam
Question 65 Selector untuk elemen link yang muncul dengan warna merah pada saat halaman di-load pertama kali, hijau
Not answered ketika link di klik, orange ketika kursor bergerak di elemen link, dan biru apabila link sudah pernah dikunjungi.
Marked out of

1.00
Untuk tulisan berwarna merah, selector yang tepat adalah …
Select one:
A. a:visited {color:red;}
B. a:link {color:red;}
C. a:active {color:red;}
D. a:hover {color:red;}
The correct answer is: a:link {color:red;}
Question 66 Elemen dibawah ini memiliki sifat display block, kecuali …

Not answered

1.00
A. <h1>
B. <article>
C. <img>
D. <div>
E. <p>
The correct answer is: <img>
Question 67 Rules yang tepat untuk menghasilkan tulisan adalah …

Not answered

1.00
A. font-color:red; background:blue;
B. font-color:red; background-color:blue;
C. color:red; background:blue;
D. color:red; background-color:blue;
E. Pilihan C dan D Benar

The correct answer is: Pilihan C dan D Benar
Question 68
Not answered
Marked out of
1.00
Nilai border-right adalah …
Select one:
A. 18px
B. 40px
C. 10px
D. 30px

Question 69 Perhatikan potongan kode program dibawah ini

Not answered
<div style="background:red; width: 50%; max-width: 600px; min-height: 50px">
Marked out of
1.00 Berikut ini adalah statement yang benar untuk potongan kode program diatas, kecuali …
Select one:
A. Semua statement salah
B. Apabila parent element dari div memiliki lebar yang lebih dari 600px, maka div akan memiliki lebar
600px
C. Lebar elemen div adalah 50% dari parent element nya
D. Tinggi minimum dari elemen div adalah 50px

The correct answer is: Apabila parent element dari div memiliki lebar yang lebih dari 600px, maka div akan
memiliki lebar 600px
Question 70
Not answered
Marked out of
1.00
Jika pada css menggunakan selector span>span>h2:nth-child(2), maka teks yang terpilih adalah
Select one:
A. Konten1
B. Konten2
C. Konten4
D. Semua salah
E. Konten3

The correct answer is: Konten3
Question 71
Not answered
Marked out of
1.00
Lebar div pada class bg-blue adalah
Select one:
A. 100px
B. 50px
C. 200px
D. Setengah dari layer monitor
E. 150px
The correct answers are: 200px, 100px
Question 72
Not answered
Marked out of
1.00 Gambar diatas menggunakan styling css untuk mengatur jarak antar huruf.
Select one:
A. Word-spacing
B. Font-space
C. Font-spacing
D. Letter-spacing
E. Word-space

The correct answer is: Letter-spacing
Question 73
Not answered
Marked out of
1.00
Teks “Jangan takut.” akan memiliki warna …
Select one:
A. Biru
B. Hijau
C. Hitam
D. Merah
E. Kuning
The correct answer is: Hitam
Question 74
Not answered
Marked out of
1.00
Tulisan “pharagraf ke-2” akan menghasilkan tulisan dengan warna …
Select one:
A. Blue/biru
B. Green/hijau
C. Red/merah
D. Grey/abu-abu
E. Purple/ungu
The correct answer is: Purple/ungu
Question 75 Berikut ini merupakan value space-between dari justify content adalah…
Not answered

1.00
A.
B.
C.
D.
E.
The correct answer is:
Question 76
Not answered
Marked out of
1.00
Select one:
A. Green/hijau
B. Red/merah
C. Grey/abu-abu
D. Purple/ungu
E. Blue/biru
The correct answer is: Blue/biru
Question 77
Not answered
Marked out of
1.00
Select one:
A. Green/hijau
B. Purple/ungu
C. Grey/abu-abu
D. Blue/biru
E. Red/merah
The correct answer is: Grey/abu-abu
Question 78
Not answered
Marked out of
1.00
Select one:
A. Purple/ungu
B. Blue/biru
C. Grey/abu-abu
D. Green/hijau
E. Red/merah
The correct answer is: Purple/ungu
Question 79
Not answered
Marked out of
1.00
Jika style tersebut diterapkan pada html, maka tulisan paragraph 1 akan berwarna…
Select one:
A. Cyan
B. Red
C. Blue
D. black
E. Green
The correct answer is: Green
Question 80
Not answered
Marked out of
1.00
Tulisan “membaca”, dan “berdoa” akan dituliskan dalam format …
Select one:
A. Ketebalan normal, warna biru
B. Lebih tebal, warna biru
C. Ketebalan normal, warna putih
D. Lebih tebal, warna putih
The correct answer is: Ketebalan normal, warna putih
Marked out of

1.00
Untuk tulisan berwarna hijau, selector yang tepat adalah …
Select one:
A. a:hover {color:green;}
B. a:active {color:green;}
C. a:link {color:green;}
D. a:visited {color:green;}
The correct answer is: a:active {color:green;}
Question 82 Perhatikan potongan kode program dibawah ini

Not answered
Marked out of
1.00
Statement yang tepat untuk potongan program diatas adalah …
Select one:
A. Paragraf 1 akan ditampilkan diatas gambar 1
B. Paragraf 1 akan ditampilkan disebelah gambar 1
C. Gambar 1 akan ditampilkan disebelah div 1
D. Gambar 1 akan ditampilkan dibawah div 1
The correct answer is: Gambar 1 akan ditampilkan dibawah div 1
Question 83 Rules yang tepat untuk menghasilkan tulisan adalah …

Not answered

1.00
A. text-decoration:line-through; color:green;
B. font-style:line-through; color:green;
C. font-style: strike-through; font-color:green;
D. text-decoration:strike-through; font-color:green;
The correct answer is: text-decoration:line-through; color:green;
Question 84
Not answered
Marked out of
1.00
Nilai margin-bottom adalah …
Select one:
A. 18px
B. 40px
C. 50px
D. 15px

Question 85
Not answered
Marked out of
1.00
Untuk memberikan styling pada konten 2, selector yang dapat digunakan adalah . . .
Select one:
A. span #konten2
B. .konten2
C. span #dua .konten2
D. span #dua
E. #dua#konten2
The correct answer is: span #konten2
Question 86
Not answered
Marked out of
1.00
Untuk merubah warna background box A dari merah menjadi biru ketika ada pointer mouse lewat
menggunakan style
Select one:
A. :link
B. :focus
C. :hover
D. :active
E. :visited

The correct answer is: :hover
Question 87
Not answered
Teks “Saya selalu siap sedia menemani anda.” akan memiliki warna …
Marked out of
1.00
Select one:
A. Kuning
B. Biru
C. Merah
D. Hitam
E. Hijau
The correct answer is: Merah
Question 88
Not answered
Marked out of
1.00
Untuk melakukan select terhadap elemen berisi “paragraf 1” dan “paragraf 1 lain” dapat menggunakan
selector…
Select one:
A. Tidak ada jawaban benar
B. h2 + p
C. h2 p
D. h2 > p
E. article p

The correct answer is: h2 + p
Question 89
Not answered
Tulisan “Tetapi banyak mahasiswa yang tidak bisa” akan dituliskan dalam format …
Marked out of
1.00
Select one:
A. Warna teks putih, latar belakang hijau
B. Warna teks putih, latar belakang hitam
C. Warna teks biru, latar belakang hitam
D. Warna teks biru, latar belakang merah

The correct answer is: Warna teks putih, latar belakang hitam
Marked out of
1.00
Untuk tulisan berwarna orange, selector yang tepat adalah …
Select one:
A. a:active {color:orange;}
B. a:hover {color:orange;}
C. a:link {color:orange;}
D. a:visited {color:orange;}

The correct answer is: a:hover {color:orange;}
Question 91 Statement dibawah ini benar, kecuali …

Not answered

1.00
A. text-decoration: underline;
B. text-decoration: overline;
C. text-decoration: 2px solid underline;
D. text-decoration: line-through;
The correct answer is: text-decoration: 2px solid underline;
Question 92
Not answered
Marked out of
1.00
Nilai padding-top adalah …
Select one:
A. 18px
B. 10px
C. 20px
D. 5px

Question 93
Not answered
Untuk bisa menunjuk elemen “Karena saya selalu besamamu” dapat menggunakan selector kecuali...
Marked out of
1.00
Select one:
A. Div p
B. .container > p
C. Div p:nth-child(1)
D. .container > div > p
E. .strong > p
The correct answer is: .container > p
Question 94 Penulisan value dari property color berikut yang tidak menghasilkan warna hijau adalah…
Not answered

1.00
A. Green
B. #00ff00
C. Tidak ada jawaban
D. RGB(0, 255, 0)
E. rgb(0, 255, 0)
The correct answer is: Tidak ada jawaban
Question 95 Dari keempat statement dibawah ini yang paling tepat adalah …
Not answered

1.00
A. article > article {} adalah selector css untuk tag article yang merupakan keturunan dari tag article
B. article {} adalah selector css untuk class article
C. article > article {} adalah selector css untuk tag article yang merupakan keturunan langsung dari tag
article
D. Semua statement salah
The correct answer is: article > article {} adalah selector css untuk tag article yang merupakan keturunan
langsung dari tag article
Marked out of

1.00
Untuk tulisan berwarna biru, selector yang tepat adalah …
Select one:
A. a:visited {color:blue;}
B. a:link {color:blue;}
C. a:active {color:blue;}
D. a:hover {color:blue;}
The correct answer is: a:visited {color:blue;}
Question 97 Statement dibawah ini salah, kecuali …

Not answered

1.00
A. font-variant : italic;
B. font-weight : oblique;
C. font-style : bold;
D. font-size : large;
The correct answer is: font-size : large;
Question 98 Perhatikan statement dibawah ini:

Not answered
Marked out of
1.00 Syntax yang tepat untuk mengisi titik-titik statement tersebut adalah …
Select one:
A. background
B. background-image
C. Background-color
D. Semua statement salah
The correct answer is: background-image
Question 99
Not answered
Tulisan “Soalnya aku bukan siapa-siapa” akan dituliskan dalam format ...
Marked out of
1.00
Select one:
A. Warna merah, latar belakang putih
B. Warna aqua, latar belakang merah
C. Warna biru, latar belakang merah
D. Warna merah, latar belakang hijau
E. Warna aqua, latar belakang hijau

The correct answer is: Warna merah, latar belakang hijau
Question 100
Not answered
Apa warna tulisan pada “Paragraf 2”?
Marked out of
1.00
Select one:
A. Biru
B. hitam
C. Merah
D. Hijau

The correct answer is: Biru
Question 101 Statement yang tepat dibawah ini adalah …

Not answered

1.00
A. <a src=”ukdw.ac.id” title=”Universitas Kristen Duta Wacana” />
B. <a href=”ukdw.ac.id” alt=”Universitas Kristen Duta Wacana”> </a>
C. <a src=”ukdw.ac.id” alt=”Universitas Kristen Duta Wacana”> </a>
D. <a href=”ukdw.ac.id” title=”Universitas Kristen Duta Wacana”> </a>
E. <a href=”ukdw.ac.id” title=”Universitas Kristen Duta Wacana” />
The correct answer is: <a href=”ukdw.ac.id” title=”Universitas Kristen Duta Wacana”> </a>
Question 102 Specificity dari selector article > h2 p:nth-child(2) adalah…

Not answered

1.00
A. 4
B. 40
C. 13
D. 102
E. 1003
Question 103 Komentar pada css dituliskan dengan syntax …

Not answered

1.00
A. /* komentar */
B. /** komentar **/
C. / komentar /
D. // komentar //
The correct answer is: /* komentar */
Question 104
Not answered
Tulisan “Judul” akan dituliskan dalam format ...
Marked out of
1.00
Select one:
A. Semua salah
B. Warna aqua
C. Background Putih
D. Warna hitam
E. Warna hitam, latar belakang hijau

The correct answer is: Warna aqua
Question 105
Apabila mau mengganti warna text dari “CSS itu mudah!” menjadi ungu, syntax yang sesuai adalah:
Not answered
Marked out of
Select one:
1.00
A. .purple {color: purple;}
B. h1 {text-color:purple;}
C. .h1 {text-color:purple;}
D. h1.purple {color: purple;}
E. h1 {color:purple;}

The correct answer is: h1 {color:purple;}
Question 106
Not answered
Aturan CSS yang digunakan untuk mencetak miring tulisan website pada bagian “Pengenalan Mata Kuliah”
Marked out of
1.00 adalah …
Select one:
A. p span {text-style: italic;}
B. section>p>span {text-style: italic;}
C. article span {font-style: italic;}
D. span {font-style: italic;}
E. p span {text-style: italic;}
F. p>span {font-style: italic;}

The correct answer is: p>span {font-style: italic;}
Question 107 Perhatikan statement dibawah ini:

Not answered Berdasarkan
Marked out of statement diatas, maka pernyataan yang benar dibawah ini adalah …
1.00
Select one:
A. Apabila jenis font Times New Roman tidak tersedia pada salah satu computer server atau computer
browser, maka akan menggunakan jenis font Times
B. Secara terurut, heading 1 akan menggunakan jenis font Times New Roman, heading 2 menggunakan
jenis font Times, dan paragraph akan menggunakan jenis font serif
C. Apabila jenis font Times tidak ada pada browser, maka akan ditampilkan menggunakan jenis font serif
D. Statement B dan C benar

The correct answer is: Apabila jenis font Times tidak ada pada browser, maka akan ditampilkan menggunakan
jenis font serif
Question 108 penulisan style berikut yang benar adalah…

Not answered

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;
The correct answer is: border: 1px solid;
Question 109
Not answered
Apabila mau mengganti warna background dari “Pharagraf 3” menjadi kuning, syntax yang sesuai adalah:
Marked out of
1.00
Select one:
A. .green {background:yellow}
B. p#blue {background-color:yellow}
C. p .blue {background-color: yellow}
D. p.blue {background: yellow}
E. p {background: yellow}
The correct answer is: p.blue {background: yellow}
Question 110 Jarak antar elemen dengan elemen lainnya disebut?

Not answered

1.00
A. Box model
B. float
C. Border
D. Margin
E. Padding
The correct answer is: Margin
Question 111
Selector CSS yang dapat digunakan untuk “memilih/menunjuk” tulisan “Pengenalan Mata Kuliah” dan “Materi
Not answered
Perkuliahan” adalah …
Marked out of
1.00
Select one:
A. h2
B. section>h2
C. section h2
D. article>section>h2
E. article h2
F. Semua jawaban benar

The correct answer is: Semua jawaban benar
Question 112 Untuk membuat sebuah elemen html yang selalu berada di koordinat yang ditetapkan tanpa mempedulikan
Not answered scrolling kita menggunakan position…
Marked out of
1.00 Select one:
A. default
B. Absolute
C. Static
D. Fixed
E. Relative

The correct answer is: Fixed
Question 113
Not answered
Marked out of
1.00
Select one:
A. Blue/biru
B. Green/hijau
C. Red/merah
D. Purple/ungu
E. Grey/abu-abu

The correct answer is: Green/hijau
Question 114 Margin: 10px 40px 30px 20px;

Not answered
Berdasarkan CSS diatas maka value margin-right nya adalah…
Marked out of
1.00
Select one:
A. 20px
B. 40px
C. 30px
D. 100px
E. 10px

Question 115
Not answered
External.css
Marked out of
1.00
Teks “Paragraf 3” akan ditulis dengan warna grey
Select one:
True
False
The correct answer is 'False'.
Question 116

Not answered
External.css
Marked out of
1.00 h1{ color:blue }
h2{ color:blue }
p { color:black }
Teks “Paragraf 2” akan ditulis dengan warna blue
Select one:
True
False
The correct answer is 'True'.
Question 117
Not answered
External.css
Marked out of
1.00
Teks “Heading 1” akan ditulis dengan warna maroon
Select one:
True
False
The correct answer is 'True'.
Question 118
Not answered
External.css
Marked out of
1.00
Teks “Heading 2” akan ditulis dengan warna purple
Select one:
True
False
The correct answer is 'False'.
◄ Test Kecil 1 - HTML Jump to...

Tes Kecil 2 - CSS

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Tes Kecil 2 - CSS

Uploaded by

Copyright:

Available Formats

2/22/2020 Tes Kecil 2 - CSS

Started on Saturday, 22 February 2020, 12:04 PM

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

Mark 1.00 out Select one:

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

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

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

Your answer is correct.

The correct answer is: <link rel="stylesheet" type="text/css" href="style.css">

Mark 0.00 out

b. Paragraf { color: Red; }

d. #paragraf { color: Red; }

e. .paragraf { color: Red; } 

Your answer is incorrect.

Question 3 Perhatikan sintaks css berikut:

Mark 1.00 out

yang disebut property yaitu...

Your answer is correct.

The correct answer is: color, background-color

Question 4 Perhatikan sintaks css berikut:

Mark 1.00 out

Yang disebut selector yaitu...

Your answer is correct.

The correct answer is: p

Question 5 Bobot pada selector HTML yaitu…

Mark 0.00 out Select one:

Your answer is incorrect.

The correct answer is: 100

Question 6 Perhatikan tag HTML dibawah ini:

Mark 1.00 out

d. 2 dari 3 jawaban benar 

Your answer is correct.

The correct answer is: 2 dari 3 jawaban benar

Question 7 <p style="font-weight: bold;">

b. Tidak ada jawaban yang benar

Your answer is correct.

The correct answer is: Inline

Mark 1.00 out Select one:

b. <p style=”padding: 3px, , , ;”>

c. <p style=”padding: 2px 3px;”>

d. <p style=”padding: all 3px;”>

e. <p style=”padding: 3px;”> 

Your answer is correct.

The correct answer is: <p style=”padding: 3px;”>

Question 9 Berikut adalah satuan css kecuali …

Mark 0.00 out Select one:

Your answer is incorrect.

The correct answer is: cm

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

Mark 1.00 out Select one:

Your answer is correct.

The correct answer is: Margin

Question 11 Untuk menggunakan css internal, tag yang diperlukan adalah…

Mark 1.00 out Select one:

Your answer is correct.

The correct answer is: <style>

Mark 1.00 out Select one:

Your answer is correct.

The correct answer is: Padding

Mark 1.00 out Select one:

Your answer is correct.

The correct answer is: Text-align : center

Mark 1.00 out Select one:

c. Ada 2 jawaban yang benar 