20 Soal Latihan Web Programming (Level Menengah)

Whidie ID 12 Feb 2018 - 14:34 1 Komentar
thumbnail

Pada postingan sebelumnya, saya telah memposting tentang 20 Soal Latihan Web Progrmming Level Mudah yang terdiri dari 2 materi, yakni : HTML & CSS saja. Pada postingan 20 Soal Latihan Web Programming kali ini, saya akan menambahkan 1 materi tambahan, yakni : JavaScript. Pasti penasaran bukan apa soalnya? simak dengan baik dibawah yak.


» Soal Materi : HTML, CSS & JavaScript
1. Dalam bahasa pemerogram web, HTML berperan sebagai ....
A. Pengolah Data
B. Kerangka Website
C. Memperindah Tampilan Website
D. Semuanya benar

2. Untuk membuat tabel menggunakan HTML, digunakan tag .....
A. <table>
B. <tr>
C. <td>
D. Semuanya benar

3. Dibawah ini adalah tag HTML yang digunakan untuk menampilan list data (bullet & numbering), kecuali .....
A. <ul>
B. <ol>
C. <li>
D. <al>

4. Membuat input type radio : Pilihan, digunakan tag .....
A. <radio>
B. <input>
C. <input type="radio"/>
D. <input=radio>

5. Untuk mengganti Pavicon suatu website, digunakan tag .....
A. <pavicon src="URL-PAVICON"/>
B. <link rel="shortcut icon" href="URL-PAVICON"/>
C. <img src="URL-PAVICON"/>
D. <icon href="URL-PAVICON"/>

6. Attribut value dari tag <meta> yang digunakan untuk mengatur deskripsi suatu website adalah .....
A. <meta name="description" content="DESKRIPSI"/>
B. <meta type="description" content="DESKRIPSI"/>
C. <meta content="DESKRIPSI"/>
D. <meta tag="description" content="DESKRIPSI"/>

7. Berikut adalah ekstensi dari file yang berisi kode HTML, kecuali .....
A. .html
B. .htm
C. .xhtml
D. .hml

8. Property CSS yang digunakan untuk mengatur posisi element seperti static, relative, obsolute dan fixed adalah .....
A. position
B. element
C. static
D. x & y

9. Berikut kode warna (tipe hex) berwarna merah, kecuali .....
A. #FF0000
B. #990000
C. #A50000
D. #00FF00

10. Untuk menghilangkan tanda list (bullet & numbering) pada tag HTML dengan CSS, digunakan property & value .....
A. li { list-style: yes }
B. li { list-type: none }
C. li { list-style: none }
D. li { list-type : yes;}

11. Cara memasang CSS eksternal menggunakan HTML, digunakan tag .....
A. <link style="URL CSS"/>
B. <link rel="stylesheet" href="URL CSS"/>
C. <css call="URL CSS"/>
D. <style href="URL CSS"/>

12. Perhatikan kode CSS dibawah :
p {
text-align: justify;
color: red;
font-size: 14px;
}
Apa fungsi dari kode CSS diatas?
A. Menyeleksi tag <p> lalu membuat tulisan rata kiri-kanan dengan teks warna merah dan ukuran teks 14 pixel.
B. Menyeleksi tag <p> dengan ukuran spasi 14 pixel dengan warna garis merah.
C. Menyeleksi tag <p> dengan ukuran panjang dan lebah menjadi 14 pixel dengan garis border berwana merah.
D. Merubah urutan teks menjadi paling bawah.

13. Cara menyeleksi lebih dari 1 selektor dalam CSS, setiap selektor dipisahkan dengan tanda .....
A. . (dot)
B. , (comma)
C. - (dash)
D. _ (underscore)

14. Jika ingin membuat semua tag <p> (paragraph) dengan teks berwarna biru, digunakan property dan value .....
A. p { text: blue }
B. p { color: blue }
C. p { font: blue }
D. p { all: blue }

15. Untuk memulai kode JavaScript dalam tag HTML digunakan tag .....
A. <javascript>
B. <script>
C. <js>
D. <java>

16. Bagaimana cara memunculkan output data di JavaScript?
A. Menuliskan proses pengolahan lalu mengetik : document.output(DATA)
B. Menuliskan proses pengolahan data lalu mengetik : document.write(DATA)
C. Langsung ketik data yang mau di output
D. Semuanya salah

17. Untuk memunculkan text box yang berisi sebuah pesan, digunakan function .....
A. alert("PESAN")
B. box("PESAN")
C. text("PESAN")
D. message("PESAN")

18. Untuk membuat sebuah function baru, harus menuliskan ..... terlebih dahulu.
A. function lalu namafungsi() { kode yang di eksekusi }
B. new lalu namafungsi() { kode yang di eksekusi }
C. namafungsi() { kode yang di eksekusi }
D. Semuanya salah

19. Untuk membuat variabel, mula-mula menuliskan .....
A. var namaVar
B. namaVar
C. variable
D. var = namaVar

20. JavaScript dapat disingkat dengan kata .....
A. JS
B. SC
C. JV
D. VS


Kunci Jawaban :
1. B
2. D
3. D
4. C
5. B
6. A
7. D
8. A
9. D
10. C
11. B
12. A
13. B
14. B
15. B
16. B
17. A
18. A
19. A
20. A

Sepertinya cukup sekian pada postingan kali ini, untuk Level Sulitnya akan saya post di lain waktu, jadi tetap stay yah di blog saya :mrgreen: Semoga bermanfaaat.

Sebelumnya :
» Level Mudah

Komentar

1 Tanggapan dari "20 Soal Latihan Web Programming (Level Menengah)"

Komentar baru











Please refresh...

Smiley

aplikasi youtube downloader