1. Salah satu dokumen
website yang bertujuan untuk mengatur gaya (style) tampilan websitedisebut dengan ............
a. Cascading Style Sheet
(CSS)
b. From
c. Dokumen HTML
d. Style
e. Format
2. Bagian – bagian utama dari sebuah CSS
itu terdiri dari tiga bagian yaitu.............
a. Font,color,property
b. Selektor, id, dan class
c. Selector, property, value
d.
Value,margin,color
e.
Font, warna, jarak
3. Penggunaan dari CSS dalam pembuatan
web akan memberikan beberapa manfaat seperti berikut ini,kecuali ................
a. Kode HTML menjadi lebih
sederhana dan lebih mudah diatur.
b. Mudah untuk mengubah
tampilan, hanya dengan mengubah file
CSS
saja.
c. Dapat digunakan dalam hampir
semua jenis web browser.
d. Dapat digunakan hanya
dengan 3 web browser saja.
e. Ukuran file menjadi lebih
kecil sehingga load file lebih cepat.
4. CSS merupakan sebuah
teknologi internet yang di rekomendasikan oleh World Wide Web Consortium atau
W3C pada tahun.............
a.
1996
b.
1997
c.
1894
d.
1987
e.
1989
5. Didalam CSS terdapat tiga versi CSS yang telah dirilis
oleh internet explorer dan Netscape.Dibawah ini yang bukan versi dari
yakni .......
a.
CSS 1
b. CSS
c.
CSS 2
d.
CSS 3
6. Property yang digunakan
untuk jarak fieldset dari batas kiri layout adalah .....
a. Selector
b. Property
c. Margin right
d. Value
e. Margin left
7. Cara kerja CSS dimulai saat
deklarasi style yang diinginkan dengan menulis style seperti dibawah ini
................
a. Selector, property, value
b. Selektor, id, dan class
c. Value,margin,color
d.
Font, warna, jarak
e. Font,color,property
8. Selector yang mendefinisikan
style bagi elemen yang memiliki ID sesuai
yang
tercantum dalam selector adalah ...............
a.Selector class
b.Selector
c.Selector ID
d. Selector form
e. Selector CSS
9. Format penulisan CSS dengan
Selector id adalah .............
a. #id { … }
b. nama-class { … }
c. style {....}
d. <style></style>
10. Letter-spacing mempunyai
fungsi yakni ......
a. Mengatur tinggi baris teks
b. Menentukan dekorasi/hiasan
pada teks
c. Menentukan arah tulisan/teks
d. Menambah
ataupun mengurangi spasi antar karakter dalam teks
e. Menentukan efek bayangan
pada teks
11. Text-indent mempunyai
fungsi yaitu ......
a. Menentukan efek bayangan
pada teks
b. Menentukan
jarak inden dari baris pertama dalam teks-blok
c. Mengatur tinggi baris teks
d. Menentukan dekorasi/hiasan
pada teks
e. Menentukan batas teks secara
horisontal
12. Format penulisan untuk
pemberian warna pada text menggunakan CSS yang benar adalah .....
a. Selector color’nilai warna’
b.Color=”nilai warna”
c. selector color=”nilai warna”
d.selector color {nilai warna}
e. selector
{color:nilai warna}
13.Dibawah
ini terdapat nilai dari text decoration,kecuali...........
a.
overline
b.
line throught
c. line
d.underline
e.
none
14. Salah satu style yang dapat
digunakan untuk memberikan jarak (spasi) antar kata disebut dengan
.........................
a. word-spacing
b. letter-spacing
c. text-shadow
d. text-indent
e. text transform
15. Perhatikan script dibawah
ini !
<html>
<title>Format Text </title> Pemrograman Web
<style ="text/css">
p {word-spacing: 1cm}
h2 {word-spacing: 5px}
</style>
<body>
<p>Pengaturan Spasi per Kata sebesar 1 cm</p>
<h2> Peregangan Header 2 sebesar 5 px</h2>
</body>
</html>
Apa yang kurang dari script tersebut .......
a.<head></head>
b.<selector></selector>
c.<body></body>
d.<form></orm>
e.<html>
16. Penambahan gambar latar
belakang juga dilakukan dengan menggunakan dua properti, yaitu...........
a. color dan font
b. Color dan background
c. background dan
background-image
d. Font dan spaci
e.Background dan image
17. Perhatikan script dibawah ini !
<html>
<head>
<title>Test</title>
</head>
<body>
<video controls="controls"
style="display:block; margin:
0 auto; width:400px ; heigth:400;" >
<source src="movie.mp4"
type="video/mp4" />
Your browser does not support the video tag.
</video>
</body>
Script diatas merupakan script
untuk pemformatan CSS pada tampilan.....
a.Background
b. Video
c.
walpaper
d. Image
18.
Dibawah ini yang termasuk script CSS pada tampilan embed video dari youtube
adalah .....
a. <html>
<head>
<title>Test</title>
</head>
<body>
<video controls="controls"
style="display:block; margin:
0 auto; width:400px ; heigth:400;" >
<source src="movie.mp4"
type="video/mp4" />
Your browser does not support the video tag.
</video>
</body>
b. <html>
<head>
<title>Background Image Goes
Wrong</title>
<style type="text/css">
#utama{background-image:url(kiwi.jpg);height:600px;width:800px;}
</style>
</head>
<body>
<div id="utama">
</div>
</body>
</html>
c. <html>
<head>
<tittle>Contoh CSS</tittle>
<style>
Img { Margin-top: 10px;
Float: left;
Clear: both;
width:200px;
height:200px;}
</style>
</head>
<body>
Contoh CSS pada gambar (img)<br>
<img src="brokoli.jpg" >
<img src="tomat.jpg">
<img src="paprika.jpg">
</body>
</html>
d. <html>
<head>
<title>Test</title>
<style>
.videoWrapper { position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0; }
.videoWrapper iframe { position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
</style>
</head>
<body>
<div class="videoWrapper">
<!-- Copy & Pasted from YouTube -->
<iframe width="560"
height="349"
src="http://www.youtube.com/embed/n_dZNLr2cME?rel=0&hd=1"
frameborder="0"
allowfullscreen></iframe>
</div>
</body>
</html>
19. div { background-image: url(“latar.png”); } . Script
tersebut merupakan format untuk .....
a. Background
image
b.Background
c. Latar belakang
d. Walpaper
e. Format video
20. Perhatikan script dibawah
ini !
<html>
<head>
<title>Background Image Goes
Wrong</title>
<style type="text/css">
#utama{background-image:url(kiwi.jpg);height:600px;width:800px;}
</style>
</head>
<body>
<div id="utama">
</div>
</body>
</html>
Script
diatas merupakan format CSS untuk menampilkan apa ?
a.gambar
b.video
c.background
d.embed
video dari youtube
e.Walpaper
21.
Format untuk menampilkan pengaturan text-alignment adalah ....
a. selector
{text-align:nilai text-align;}
b. Selector { text-shadow:
koordinatX koordinatY nilaiWarnaTeksBayangan;}
c. selector { text-transform:nilai text transform}
d. selector { text-indent:nilai
indent}
e. selector { word-spacing:nilai spasi;}
22. Pengaturan bentuk teks untuk mengatur atau menghapus
dekorasi dari teks adalah ........
a.text-indent
b.text-transform
c.text-decoration
d.text-alignment
e.word spacing
23.Perhatikan script berikut
ini !
<html>
<head>
<style>
H1 {text=shadow:2px 3px
#ff0000;}
</style>
</head>
<body>
<h1>Efek Text=shadow
</h1>
<p><b>Catatan:</b>
Internet Explorer Versi 9 dari esbelumnya tidak support pada text shadow
property</p>
</body>
</html>
Script diatas merupakan script
untuk format teks apa ?
a.text-indent
b.text-alignment
c.text-shadow
d.text-trasform
e.text decoration
24. dibawah ini merupakan nilai
dari text transform kecuali.............
a.uppercase
b.underline
c.lowercase
d.capital
25. Dibawah ini merupakan format
pengaturan style,kecuali...............
a.color
b.lower case
c.direction
d.letter-spacing
e.word spacing
26. Elemen form yang digunakan
untuk membuat daftar list disebut .....
a.datalist
b.Select
c.form
d. Property
e. Input
27.Format tag “Name” digunakan untuk .................
a. pemberian input pada list
b. Pemberian nama
pada komponen input sebagai nama dari komponen.
c. Pengaturan warna
d. Pengaturan pada input type
e.Pengaturan font
28.Komponen yang berfungsi
untuk memasukan data file yang dibutuhkan kedalam sistem web yang dibuat adalah
..........................
a.komponen output
b.komponen input
c.Datalist
d.Select
e.Button
29. Dibawah ini merupakan
atribut-atribut pada textarea,kecuali................
a.cols
b.name
c.rows
d.form
e.select
30.
Area tempat untuk menyimpan text atau
tulisan baru adalah..............
a.Komponen input
b.Komponen text shadow
c.Kmponen text
area
d.select
e.datalist