Dokumen tersebut berisi soal-soal ujian produktif tentang pengetahuan dasar HTML untuk kelas X multimedia. Soal-soal tersebut meliputi pengertian tag-tag dasar HTML seperti <p>, <br>, <img>, atribut-atributnya, cara membuat tabel, serta komponen-komponen dasar pembuatan website menggunakan Dreamweaver.

1. SOAL PRODUKTIF KEJURUAN
KELAS X MULTIMEDIA
1. HTML adalah kepanjangan dari ….
A. Hyper Text Multiple Language
B. Hiper Text Multiple Language
C. Hipo Text Multiple Language
D. Hyper Text Multiple Land
E. Hipo Text Multiple Land
2. Dibawah ini adalah bahasa untuk pemrograman web, kecuali ….
A. HTML
B. XML
C. CSS
D. Javascript
E. Notepad
3. Software untuk menulis bahasa HTML yang paling sederhana adalah ….
A. Ms Word
B. Ms Excel
C. Ms Powerpoint
D. Notepad
E. Ms Acces
4. Perhatikan gambar berikut :
Yang dimaksud dengan Title adalah ….
A. A
B. B
C. C
D. D
E. E
5. Untuk memberi warna latar belakang web diatur dengan mengubah nilai atribut ….
A. Body
B. Title
C. Bgcolor
D. Fontcolor
E. Head
6. Untuk memberi warna teks web diatur dengan mengubah nilai atribut ….
A. Body
B. Title
C. Bgcolor
D. Fontcolor
E. Head
7. Untuk memberi gambar pada belakang web diatur dengan mengubah nilai atribut ….
A. Body background
B. Body

2. C. Bgcolor
D. Fontcolor
E. Head
8. Untuk mengatur paragraf pada web dapat digunakan tag …
A. <B>
B. <I>
C. <U>
D. <P>
E. <BR>
9. Untuk memisahkan baris pada web dapat digunakan tag ….
A. <B>
B. <I>
C. <U>
D. <P>
E. <BR>
10. Untuk membuat garis horizontal didalam web dapat digunakan tag ….
A. <BR>
B. <P>
C. <HR>
D. <H1>
E. <H6>
11. Perhatikan gambar berikut :
Untuk mendapatkan hasil seperti gambar di atas, maka kita dapat menggunakan tag
….
A. <P>
B. <H>
C. <HR>
D. <HV>
E. <B>
Perhatikan gambar berikut :

3. 12. Mengacu pada gambar di atas, untuk tulisan nomer SATU, tag HTML yang
digunakan adalah …
A. <I>
B. <B>
C. <U>
D. <SUP>
E. <SUB>
13. Mengacu pada gambar di atas, untuk tulisan nomer DUA, tag HTML yang digunakan
adalah …
A. <I>
B. <B>
C. <U>
D. <SUP>
E. <SUB>
14. Mengacu pada gambar di atas, untuk tulisan nomer TIGA, tag HTML yang
digunakan adalah …
A. <I>
B. <B>
C. <U>
D. <SUP>
E. <SUB>
15. Mengacu pada gambar di atas, untuk tulisan nomer LIMA, tag HTML yang
digunakan adalah …
A. <I>
B. <B>
C. <U>
D. <SUP>
E. <SUB>
16. Mengacu pada gambar di atas, untuk tulisan nomer ENAM, tag HTML yang
digunakan adalah …
A. <I>
B. <B>
C. <U>
D. <SUP>
E. <SUB>
17. Untuk menformat teks dengan jenis tertentu seperti Verdana, atau Times New roman
digunakan tag HTML ….
A. FONTSIZE
B. FONTCOLOR
C. FONTFACE

4. D. FONTSTRIKE
E. FONTBACKGROUND
18. Manfaat atribut ALT dari tag IMG untuk ….
A. Membuat sebuah definision list
B. Meloncat ke bagian (section) tertentu dalam halaman web
C. Membuat teks alternative bagi gambar yang ditampilkan
D. Membuat hyperlink ke sebuah file
E. Menentukan heading
19. Dalam HTML, atribut FRAMEBORDER digunakan untuk ….
A. Menentukan arah frame yang telah dibuat
B. Menentukan apakah frame akan diberi bingkai atau tidak
C. Memberi nama frame agar frame dapat dijadikan target atau tidak
D. Memindahkan frame ke frame yang lain
E. Membuat frame dalam bentuk kolom
20. Atribut HTML yang digunakan untuk memanjangkan dan mengatur ukuran sel dalam
table adalah ….
A. Frameset dan colspan
B. Cellpadding dan cellspacing
C. Rowpan dan cellpadding
D. Cellspacing dan colspan
E. Colspan dan rowspan
21. Untuk menambahkan judul pada table, kita gunakan atribut ….
A. Tag <border>
B. Tag <TD>
C. Tag <HR>
D. Tag <CAPTION>
E. Tag <CELLSPACING>
22. Tag untuk membuat kode © adalah ….
A. & amp
B. & plusmn
C. & reg
D. & copy
E. & gt
23. Untuk menampilkan gambar dalam halaman web maka gambar tersebut harus
berformat ….
A. SWF
B. FLA
C. JPG
D. DOC
E. PDF
24. Tag <IMG SRC=”…….. .JPG”> digunakan untuk ….
A. Mengubah gambar
B. Mengatur gambar
C. Menampilkan gambar
D. Menghapus gambar
E. Memindahkan gambr
25. Tag <IMG> memiliki atribut ….
A. SIZE, COLOR, FACE
B. SIZE , WIDTH
C. HEIGHT, WIDTH
D. TYPE
E. BUTTON
26. Langkah-langkah untuk membuka program untuk membuat website yang paling tepat
adalah ….
A. Start – program – Macromedia – Macromedia Flash
B. Start – all program – Microsoft Office – Macromedia Dreamweaver
C. Start – all program – Macromedia – Macromedia Dreamweaver

5. D. Start – All program – Macromedia – Macromedia firework
E. Start – all program – Macromedia – Macromedia Captivate
Perhatikan gambar berikut :
27. Dengan melihat gambar di atas, yang dimaksud dengan table adalah ….
A. A
B. B
C. C
D. D
E. E
28. Dengan melihat gambar di atas, yang dimaksud dengan Named Anchor adalah ….
A. A
B. B
C. C
D. D
E. E
29. Dengan melihat gambar di atas, yang dimaksud dengan Image adalah ….
A. A
B. B
C. C
D. D
E. E
30. Dengan melihat gambar di atas, yang dimaksud dengan Browser adalah ….
A. A
B. B
C. C
D. D
E. E
31. Dengan melihat gambar di atas, yang dimaksud dengan Media adalah ….
A. A
B. B
C. C
D. D
E. E
32. Bagian untuk menentukan sendiri style yang digunakan untuk teks naskah dalam
website adalah ….
A. Appearance
B. Link
C. Heading

6. D. Title / encoding
E. Textfield
33. Fungsi dari title adalah ….
A. Batas halaman
B. Untuk memaksimalkan isi web
C. Untuk memberikan tanda pengenal pada setiap halaman web
D. Untuk mengatur property halaman web
E. Untuk mengatur tampilan web
34. Tempat untuk mengubah berbagai properties dari obyek yang dipilih atau teks dalam
dreamweaver adalah ….
A. Property Inspector
B. Document window
C. Panel group
D. Tag Selector
E. Common
35. Tempat untuk memasukkan teks ke dalam form adalah ….
A. Hidden Field
B. Text Field
C. Text Area
D. Check box
E. Text Box
36. Terdiri dari tombol-tombol yang dapat digunakan dari berbagai objek seperti image,
table, frame adalah ….
A. Insert Bar
B. Document Window
C. Panel Groups
D. Property Inspector
E. Tag Selection
37. Tempat untuk menampilkan dokumen yang sedang dibuat dan diedit saat ini adalah
….
A. Insert Bar
B. Document Window
C. Panel Groups
D. Property Inspector
E. Tag Selection
38. Untuk memudahkan mengatur folder dari website yang sedang dibangun, kita bisa
menggunakan fasilitas ….
A. Files Panel
B. Tag Selector
C. Document windows
D. Standart toolbar
E. Insert Bar
39. Suatu image yang akan berubah ketika pointer dari mouse diarahkan pada image
tersebut adalah ….
A. Image button
B. Rollover Image
C. Image Placeholder
D. Scroll Image
E. Image bar
40. Bagian yang digunakan untuk memberikan keterangan judul table disebut ….
A. Summary
B. Table
C. Inspector
D. Border
E. Caption
41. Bagian yang digunakan untuk mengatur jarak antara isi sel dalam table dengan batas
tepi sel adalah ….

7. A. Cell Spacing
B. Cell Padding
C. Border
D. Width
E. Height
42. Short cut untuk melihat dokumen website pada web browser adalah ….
A. F5
B. F8
C. F9
D. F10
E. F12
43. Cara cepat untuk menampilkan kotak dialog page properties adalah ….
A. Ctrl + J
B. Ctrl + S
C. Ctrl + Z
D. Ctrl + Y
E. Ctrl + X
44. Perhatikan gambar berikut :
Tampilan seperti gambar di atas disebut ….
A. Coding
B. Design
C. Split
D. Command
E. Browser
45. Perhatikan gambar berikut :
Gambar di atas adalah bagian yang disebut ….
A. Behavior
B. Layer
C. Tag Inspector
D. Properties
E. Aplication
ESSAY
Perhatikan gambar berikut :

8. 1 2
3 4
5
Untuk soal nomor 46 sampai dengan 50, urutkan gambar membuat site di atas ?
**** Good Luck, Kerjakan dengan jujur tanpa mencontek ****