Soal Pilihan Ganda Pemrograman Web

Anda mungkin juga menyukai

Anda di halaman 1dari 5

SOAL PILIHAN GANDA PEMROGRAMAN WEB

1. CSS merupakan kepanjangan dari....


a. Cascading Style Sheet
b. Cascading Sensitive Sheet
c. Cascading select Sheet
d. Case Style Sheet
e. Code Style Sheet
2. Macam-macam pembuatan dan pengaturan dalam CSS, kecuali ...
a. Style font
b. Style warna
c. Style jenis
d. Style bentuk
e. Style jarak
3. Dibawah ini manfaat penggunaan dari CSS dalam pembuatan web, kecuali ...
a. Kode HTML menjadi lebih sederhana
b. Dapat berkolaborasi dengan javascript
c. Mudah untuk mengubah tampilan
d. Kapasitas penyimpanan menjadi lebih besar, sehingga load lebih mudah
e. Dapat digunakan semua jenis web browser
4. Selector yaitu ...
a. Bagian elemen HTML untuk mengatur style
b. Aturan dalam CSS untuk mengubah value yang dipilih
c. Sebuah property yang berada didalam tanda { }
d. Merupakan nilai dari property CSS
e. Dapat berupa class dan value
5. Jika ada kode html sebagai berikut :
form {margin-left:0;}
Maka maksud dari kode html diatas adalah ...
a. Penggunaan selector dan value dengan nilai poperty margin left 0
b. Selector yang diatur oleh style dengan jarak fieldset batas kiri 0
c. Form selector yang akan mengatur style dengan nilai dari property margin-left 0
d. Penggunaan selector, property, dan value
e. Property yang digunakan untuk jarak fieldset dari batas kiri layout
6. Yang mendefinisian tag dalam CSS adalah ...
a. <style>
b. <html>
c. <head>
d. <title>
e. <DOCTYPE HTML>
7. <style>
body {color:red;}
h1 {color:#00ff00;}
p.ex {color:rgb(0,0,255);}
</style>
Dari kode HTML diatas menunjukkan bahwa ...
a. Pemberian heading
b. Pengaturan warna teks
c. Pengaturan jarak
d. Pengaturan ukuran teks
e. Pengaturan warna
8. Berikut yang bukan pengaturan style pada CSS adalah ...
a. Vertical-align
b. White-space
c. Text-spacing
d. Word-spacing
e. Text-indent
9. Perintah untuk membuat teks menjadi berwarna yaitu ....
a. <font color><”color”>
b. <font color ”....”>
c. <font color=”....”>
d. <p align=”left”>
e. <p align=”center”>
10. Tag <bgsound> berfungsi untuk ...
a. Membuat tabel
b. Memainkan suara sebagai latar belakang
c. Menambakan efek suara dalam background
d. Membuat baris baru dan menambah suara
e. Membuat header
11. Sintaks CSS yang benar di bawah ini adalah ...
a. p (font-family:Arial;font-size:1em;)
b. (p font-family:Arial font-size:1em;)
c. p {font_family:Arial;font_size:1em;}
d. {p font-family:Arial;font-size:1em;}
e. p { font-family:Arial;font-size:1em;}
12. Fungsi CSS adalah ...
a. Mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran , warna tertentu.

b. Mendefenisikan page untuk suatu teks dengan jenis huruf, ukuran , warna tertentu.

c. Mendefenisikan desain untuk teks dengan jenis huruf, ukuran , warna tertentu.

d. Mendefenisikan kode untuk suatu teks dengan jenis huruf, ukuran , warna tertentu.

e. Mendefenisikan steel untuk suatu teks dengan jenis huruf, ukuran , warna tertentu.
Soal Nomor 13
Perhatikan kode HTML dibawah ini.
1. <STYLE ="text/css">
2. em {text-decoration : overline}
3. h2 {text-decoration: line-through}
4. h3 {text-decoration: underline}
5. a {text-decoration: none}
6. </STYLE>
7. <BODY>
8. <em>Bentuk 14 </em>
9. <h2>Header 2, Bentuk 15 </h2>
10. <h3>Header 3,Bentuk C</h3>
11. <p><a href="http://www.bem.akakom.ac.id">
12. Penggunaan Dalam Link,Nilai NONE</a></p>
13. </BODY>

13. Bagaimana pengaruh kode HTML pada baris nomor 2 ...


a. Bentuk 14
b. Bentuk 14
c. Bentuk 14
d. Bentuk 14
e. Bentuk 14
14. Untuk merubah warna background pada CSS digunakan ...
a. bgcolor:
b. color:
c. backcolor:
d. background;
e. background-color:*
15. Deklarasi eksternal style sheet yang benar pada HTML adalah ...
a. <style src="mystyle.css" />
b. <stylesheet>mystyle.css</stylesheet />
c. <link rel="stylesheet" type="text/css" href="mystyle.css">
d. <link> rel="stylesheet" type="text;css"
href="mystyle.css"</link>
e. <link> rel="stylesheet" type="text/css"
href="mystyle.css"</link>
16. Perintah masukkan yang benar agar menampilkan tampilan seperti dibawah ini: “ini
tombol input dengan type=”submit”: Kirimkan. Adalah ...
a. <br> ini tombol input dengan type=”submit”:
<input type=”submit” value=”kirimkan”>
b. <br> ini tombol input dengan type=”reset”
<input type=”submit” value=”kirimkan”>
c. <br> ini tombol input dengan type=”reset”
<input type=”reset” value=”kirimkan”>
d. <br> ini tombol input dengan type=”submit”
<input type=”reset” value=”kirimkan”>
e. <br> ini tombol input dengan type=”reset”
<input type=”submit” value=”Ulangi”>

Soal No 17
Perhatikan kode HTML dibawah ini.
1. <HTML>
2. <HEAD>
3. <TITLE>Format Text </TITLE>
4. <STYLE ="text/css">
5. p.kata {text-transform: uppercase}
6. p.huruf {text-transform: lowercase}
7. p.abjad {text-transform: capitalize}
8. </STYLE>
9. </HEAD>
10. <BODY>
11. <p class="kata">
12. Siswa belajar pemwograman web
13. </p>
14. <p class="huruf">
15. SISWA BELAJAR PEMROGRAMAN WEB
16. </p>
17. <p class="abjad"> siswa belajar pemrograman web </p>
18. </BODY>
19. </HTML>

17. Jika kode HTML tersebut dijalankan bagaimana pengaruh kode HTML pada baris
nomor 5...
a. Siswa belajar pemrograman web
b. siswa belajar pemrograman web
c. SISWA BELAJAR PEMROGRAMAN WEB
d. siswa belajar Pemrograman web
e. Siswa Belajar Pemrograman Web
18. Perhatikan teks ini:
CSS merupakan bahasa style yang distandarkan oleh W3C
Kode CSS yang paling tepat untuk membuat style teks diatas adalah:
a. p.first-line {font-size:200%; font-weight:bolder; font-style:italic;}
b. p:first-line { font-size:200%; font-weight:bolder font-style:italic;}
c. p.first-letter { font-size:200%; font-weight:bolder; font-style:italic;}
d. p:first-letter { font-size:200%; font-weight:bolder; font-style:italic;}
e. p:first-letter { font-size:200%, font-weight:bolder, font-style:italic.}
19. Pada CSS, kode html untuk menambahkan background color untuk semua <h1>
adalah ...
a. all.h1 {background-color:#FFFFFF}*
b. h1.all {background-color:#FFFFFF}
c. h1 {bgcolor:#FFFFFF}
d. h1.all {background_color:#FFFFFF}
e. h1 {background-color:#FFFFFF}
20. Perhatikan kode CSS berikut ini:
#para a{color:#00ff00;}
Kode CSS diatas untuk mengatur:
a. warna teks link dalam elemen para
b. warna teks link dalam class para
c. warna teks link dalam ID para
d. warna teks link dalam root para
e. warna tekslink dalam selector para
21. Perintah untuk pengaturan gambar menjadi background dengan kode html berupa ...
a.div { background: url(“latar.png”);
b.background: url(“latar.png”);
c.background: image(“latar.png”);
d.background_image (latar.png);
e.background.image (latar.png);
22. Tag yang digunakan untuk mereferensi ke berkas suara adalah ...
a. <b>
b. <a>
c. <i>
d. <bg sound>
e. <embed>
23. Perintah membuat teks menjadi berwarna yaitu ...
a. <font color> <”color”>
b. <font color> ”color”>
c. <font color = ”color”>
d. <p align = “left”>
e. <p align = “center”>
24. Salah satu jenis selektor CSS adalah class. Untuk mendeklarasikan sebuah selektor
class tanda yang digunakan didepan nama class adalah:
a. tanda ‘:’ (titik dua)
b. tanda ‘#’ (kresh)
c. tanda ‘.’ (titik)
d. tanda ‘;’ (titik koma)
e. tanda ‘*’ (bintang)
25. Untuk membuat animasi teks berjalan dari kiri ke kanan dalam halaman web
digunkana perintah ...
a. <marquee> teks </marquee>
b. <marquee direction=”left”> teks </marquee>
c. <marquee direction=”right”> teks </marquee>
d. <marquee><direction=”left”> teks </direction></marquee>
e. <marquee><direction=”right”> teks </direction></marquee>

Anda mungkin juga menyukai