o menggunakan perintah… yang tepat untuk membuat teks ... · istilah yang digunakan untuk...

1 IPEKA Tomang

A. SOAL PILIHAN GANDA

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang

digunakan adalah….

A. <body>Ikan Badut (Clownfish) </body>

B. <html>Ikan Badut (Clownfish) </html>

C. <text>Ikan Badut (Clownfish) </text>

D. <body>Ikan Badut (Clownfish) </body>

E. <title>Ikan Badut (Clownfish) </title>

2. Penulisan angka 2 pada kata H2O menggunakan perintah…

A. Tag dan D. Tag <subscript> dan </subscript>

B. Tag dan E. Tag <supscript> dan </supscript> C. Tag <blink> dan </blink>

3. Pemformatan teks yang tepat untuk membuat teks “HTML” menjadi dicetak tebal, miring,

dan tergaris bawah adalah…

A. Belajar HTML 

B. Belajar HTML 

C. Belajar <ul> HTML </ul>

D. Belajar HTML 

E. Belajar HTML 

4. Pemformatan heading untuk membuat judul dapat dibuat dengan menggunakan tag...

A. <type> D. <h2>

B. E. <t1>

C. <head>

5. Tag yang tepat untuk mengatur warna pada teks sehingga teks berwarna biru adalah...

A. D. 

B. E. 

C. 

6. Di antara tag HTML berikut yang merupakan single tag adalah…

A. <html> D. 

B. <body> E. <ul>

C.

2 IPEKA Tomang

7. Jika Anda membuat sebuah paragraf berada di posisi tengah, penulisan tag yang tepat

adalah.…

A. <align=center>Paragraf </align> D. paragraf 

B. paragraf E. <align=”center”>paragraf </align>

C. <align=”center> Paragraf </align>

8. Hasil dari potongan kode HTML berikut adalah…

Tata letak

A. D.

B. E.

C.

9. Perintah yang tepat untuk membuat garis horisontal dengan ukuran 75% dari lebar layar dan

rata kanan adalah....

A. <hr width=75% align=left > D. <hr width=75 align=center>

B. <hr width=75% align=right> E. <hr height=75% align=center>

C. <hr height=75 align=right>

10. Diberikan aturan penempatan gambar dan teks yaitu ukuran gambar width=150 height=100,

nama file gambar prambanan.jpg dan terletak pada folder images, maka tag <image> yang

digunakan adalah....

A. <image src=”images/prambanan.jpg” width=150 height=100 align=center>

B. <image src=”images/prambanan.jpg” width=150 height=100 align=left>

C. <image src=”images/prambanan.jpg” width=150 height=100 align=right>

D. <image src=”images/prambanan.jpg” width=100 height=150 align=left>

E. <image src=”prambanan.jpg” width=150 height=100 align=right>

11. Karakter khusus yang digunakan untuk membuat karakter < dalam sebuah halaman web

adalah….

A. &copyright; D. ©

B. > E. &

C. <

3 IPEKA Tomang

12. Dalam pembuatan tabel, perintah untuk mendefinisikan sebuah baris digunakan tag….

A. <td> D. <li>

B. <table> E. 

C. <tr>

13. Atribut yang digunakan untuk menggabungkan beberapa kolom seperti dalam table berikut

adalah…

A. Colspan D. Rowspan

B. Border E. Table

C. Valign

14. Atribut yang digunakan untuk menggabungkan beberapa baris seperti dalam dalam tabel

berikut adalah…

A. Colspan D. Rowspan

B. Border E. Table

C. Valign

15. Atribut yang dipakai untuk menghasilkan tabel 2 pada gambar di bawah ini adalah….

table 1 tabel 2

A. Border D. Align

B. Cellpadding E. Valign

C. Cellspacing

16. Atribut yang dipakai untuk menghasilkan tabel 2 adalah….

table 1 tabel 2

A. Border D. Align

B. Cellpadding E. Valign

C. Cellspacing

4 IPEKA Tomang

17. Untuk membuat tabel seperti berikut dengan border= 1, maka tag-tag yang tepat adalah….

A.

D.

B.

E.

C.

18. Untuk membuat sebuah daftar seperti berikut ini, tag yang digunakan adalah:

5 IPEKA Tomang

A.

D.

B.

E.

C.

19. Untuk membuat daftar berurut seperti berikut, perintah yang tepat adalah….

A

.

D.

B

.

E.

C

.

6 IPEKA Tomang

20. Pada page di bawah ini terdapat hyperlink Objek Wisata yang dihubungkan ke page wisata.html.

Perintah yang tepat untuk membuat hyperlink tersebut adalah....

A. <a href = ”wisata.htm”> Objek Wisata </a>

B. <a href = ”wisata.html”> Objek Wisata </a>

C. <a href = ”home.html”> Objek Wisata </a>

D. <a href = ”objek.htm”> Objek Wisata </a>

E. <a href = ”objek.html”> Objek Wisata </a>

Gunakan gambar di bawah ini untuk menjawab soal nomor 21 dan 22!

21. Tombol yang harus dipilih untuk mengatur tampilan kerja sehingga hanya menampilkan

jendela kerja untuk memasukan kode-kode HTML secara manual adalah tombol nomor...

A. 1 D. 4

B. 2 E. 5

C. 3

1 2 3 4 5 6

1

2 3 4 5

6

1

5

4 2 3

7 IPEKA Tomang

22. Untuk merubah tampilan warna huruf, warna background dan memasukan gambar sebagai

gambar background pada Adobe Dreamweaver CS 3 ditunjukkan nomor….

A. 5 D. 2

B. 4 E. 1

C. 3

23. Atribut yang digunakan untuk mengubah warna latar belakang menjadi merah adalah ….

A. <body style="background: red">

B. <body style="color: red">

C. <body style="bgcolor: red">

D. <body style="background-color: red">

E. <body "background-color: red">

24. Tool yang digunakan untuk menambahkan image pada dreamweaver adalah….

A. D.

B. E.

C.

25. Pengaturan properti align pada gambar yang tepat adalah untuk mengatur penempatan

gambar dan teks seperti tampilan berikut adalah....

A. Top D. Left

B. Bottom E. Right

C. Middle

26. Pengaturan properti align pada gambar yang tepat adalah untuk mengatur penempatan

gambar dan teks seperti tampilan berikut adalah....

8 IPEKA Tomang

A. Top D. Left

B. Bottom E. Right

C. Middle

27. Komponen sebuah form seperti pada gambar berikut merupakan komponen….

A. Textarea D. Text field

B. List/Menu E. Check Box

C. Radio Button

28. Komponen sebuah form seperti pada gambar berikut merupakan komponen….

A. Text field D. Check Box

B. List/Menu E. Button

C. Radio Button

29. Komponen sebuah form untuk menampilkan daftar pilihan seperti gambar berikut disebut

komponen….

A. Text field D. Check Box

B. List/Menu E. Button

C. Radio Button

30. Perintah tag untuk membuat teks berjalan adalah….

A. D. <image src>

B. <marquee> E. 

C. <blink>

31. Nilai pada atribut direction yang digunakan pada tag untuk membuat teks berjalan dari kanan

ke kiri adalah….

9 IPEKA Tomang

A. Direction=left D. Direction=down

B. Direction=right E. Direction=flow

C. Direction=up

32. Daftar yang digunakan pada tampilan berikut merupakan daftar yang tergolong sebagai….

A. Check List D. Order list

B. Number List E. Definition List

C. Unorder list

33. Tool yang digunakan untuk membuat hyperlink adalah….

A. D.

B. E.

C.

34. Dalam sebuah page terdapat gambar yang bernama truffle_th.jpg (terdapat pada folder

images) yang jika di klik akan terhubung dengan page lain yang bernama truffle.html.

Perintah yang tepat untuk membuat link tersebut adalah…

A. <a href="truffle.jpg"><img src="images/truffle_th.html"></a>

B. <a href="truffle.html"><img src="images/truffle_th.jpg"></a>

C. <a href="truffle"><img src="images/truffle_th"></a>

D. <a href>"truffle.html"></a><img src="images/truffle_th.jpg">

E. <img src="images/truffle_th.jpg"><a href="truffle.html"></a>

35. Perintah untuk menambahkan sebuah thumbnail yang menghubungkan ke gambar dengan

ukuran yang lebih besar, jika gambar ukuran kecil bernama: rinjani-th.jpg (terletak di dalam

folder images), dan gambar yang berukuran lebih besar bernama: rinjani.jpg (terletak di

dalam folder images) adalah…

A. <a href="images/rinjani-th.jpg"> <image src="images/rinjani.jpg"> </a>

B. <a href="images/rinjani.jpg"> <image src="images/rinjani-th.jpg"> </a>

C. <a href="images/rinjani-small.jpg"> <image src="images/rinjani.jpg"> </a>

D. <a href="images/rinjani.jpg"> <image src="images/rinjani-small.jpg"> </a>

E. <href="images/rinjani.gif"> <image src="images/rinjani-th.gif"> </a>

10 IPEKA Tomang

36. Tool yang digunakan untuk menambahkan rollover image adalah…

A. D.

B. E.

C.

37. Tool yang digunakan untuk menambahkan tabel adalah…

A. D.

B. E.

C.

38. Tiga buah kolom pada baris pertama tabel digabung menjadi 1 kolom. Istilah yang digunakan

untuk menggabungkan beberapa sel menjadi satu disebut…

A. Merge Cells D. Delete Cells

B. Split Cells E. Substract Cells

C. Add Cells

39. Perthatikan table di bawah ini. Tag HTML yang tepat untuk membuat table dan memberi

warna abu-abu pada sebuah kolom adalah….

11 IPEKA Tomang

A

.

D

.

B

.

E.

C

.

40. Terdapat sebuah Page menggunakan tabel dua kolom. Kolom sebelah kiri lebarnya 35% dari

lebar tabel, perataan vertikal rata atas, mempunyai background warna kuning. Perintah yang

tepat yang digunakan untuk mengatur hal tersebut adalah….

A. <td valign=top width=35% style="background-color: "yellow">

B. <td align=top height=35% style="bg-color: "yellow">

C. <td valign=top width=35% style="color: "yellow">

D. <td valign=top width=35% color="yellow">

E. <td valign=top width=35% background="yellow">

12 IPEKA Tomang

B. SOAL URAIAN

PETUNJUK KHUSUS:

Jawablah soal-soal ini dengan jelas dan lengkap!

1. Buatlah kode HTML yang tepat untuk membuat daftar berikut ini:

2. Gambarkan tabel yang dibuat dengan menggunakan kode HTML berikut ini!

13 IPEKA Tomang

3. Jelaskan 3 macam tampilan kerja (code, split, design) dalam Adobe dreamweaver!

4. Tuliskan 4 komponen yang terdapat pada form berikut:

5. Pada sebuah page terdapat thumbnail yang menghubungkan ke gambar dengan ukuran yang

lebih besar. Buatlah kode HTML untuk membuat sebuah thumbnail.

Ketentuan:

Gambar yang digunakan terdapat dalam folder images.

Thumbnail yang ditampilkan : apple_th.gif

File gambar dengan ukuran yang lebih besar : apple.gif

o menggunakan perintah… yang tepat untuk membuat teks ... · istilah yang digunakan untuk...

Documents