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 H 2 O menggunakan perintah A Tag <sub> dan </sub> D Tag <subscript> dan </subscript> B Tag <sup> dan </sup> 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 <b><u><i> Belajar HTML </i></u></b> B Belajar <p><u><i> HTML </i></u></p> C Belajar <b><u><ul> HTML </ul></u></b> D <p><u><i> Belajar HTML </i></u></p> E Belajar <b><u><i> HTML </i></u></b> 4 Pemformatan heading untuk membuat judul dapat dibuat dengan menggunakan tag A <type> D <h2> B <font> E <t1> C <head> 5 Tag yang tepat untuk mengatur warna pada teks sehingga teks berwarna biru adalah A <font text=blue> D <font size=blue> B <font color=blue> E <font colour=blue> C <font face=blue> 6 Di antara tag HTML berikut yang merupakan single tag adalah A <html> D <p> B <body> E <ul> C <br> 1 IPEKA Tomang
7 Jika Anda membuat sebuah paragraf berada di posisi tengah, penulisan tag yang tepat adalah A <p> <align=center>paragraf </align></p> D <p align= center >paragraf </p> B <p align=center>paragraf </p> E <align= center >paragraf </align> C <p><align= center> Paragraf </align></p> 8 Hasil dari potongan kode HTML berikut adalah Tata <br> 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 prambananjpg dan terletak pada folder images, maka tag <image> yang digunakan adalah A <image src= images/prambananjpg width=150 height=100 align=center> B <image src= images/prambananjpg width=150 height=100 align=left> C <image src= images/prambananjpg width=150 height=100 align=right> D <image src= images/prambananjpg width=100 height=150 align=left> E <image src= prambananjpg width=150 height=100 align=right> 11 Karakter khusus yang digunakan untuk membuat karakter < dalam sebuah halaman web adalah A ©right; D B > E & C < 2 IPEKA Tomang
12 Dalam pembuatan tabel, perintah untuk mendefinisikan sebuah baris digunakan tag A <td> D <li> B <table> E <br> 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 3 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: 4 IPEKA Tomang
A D B E C 19 Untuk membuat daftar berurut seperti berikut, perintah yang tepat adalah A D B E C 5 IPEKA Tomang
20 Pada page di bawah ini terdapat hyperlink Objek Wisata yang dihubungkan ke page wisatahtml Perintah yang tepat untuk membuat hyperlink tersebut adalah A <a href = wisatahtm > Objek Wisata </a> B <a href = wisatahtml > Objek Wisata </a> C <a href = homehtml > Objek Wisata </a> D <a href = objekhtm > Objek Wisata </a> E <a href = objekhtml > Objek Wisata </a> Gunakan gambar di bawah ini untuk menjawab soal nomor 21 dan 22! 1 2 3 4 5 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 6 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 7 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 <p> D <image src> B <marquee> E <font size> C <blink> 31 Nilai pada atribut direction yang digunakan pada tag untuk membuat teks berjalan dari kanan ke kiri adalah 8 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_thjpg (terdapat pada folder images) yang jika di klik akan terhubung dengan page lain yang bernama trufflehtml Perintah yang tepat untuk membuat link tersebut adalah A <a href="trufflejpg"><img src="images/truffle_thhtml"></a> B <a href="trufflehtml"><img src="images/truffle_thjpg"></a> C <a href="truffle"><img src="images/truffle_th"></a> D <a href>"trufflehtml"></a><img src="images/truffle_thjpg"> E <img src="images/truffle_thjpg"><a href="trufflehtml"></a> 35 Perintah untuk menambahkan sebuah thumbnail yang menghubungkan ke gambar dengan ukuran yang lebih besar, jika gambar ukuran kecil bernama: rinjani-thjpg (terletak di dalam folder images), dan gambar yang berukuran lebih besar bernama: rinjanijpg (terletak di dalam folder images) adalah A <a href="images/rinjani-thjpg"> <image src="images/rinjanijpg"> </a> B <a href="images/rinjanijpg"> <image src="images/rinjani-thjpg"> </a> C <a href="images/rinjani-smalljpg"> <image src="images/rinjanijpg"> </a> D <a href="images/rinjanijpg"> <image src="images/rinjani-smalljpg"> </a> E <href="images/rinjanigif"> <image src="images/rinjani-thgif"> </a> 9 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 10 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"> 11 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! 12 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_thgif File gambar dengan ukuran yang lebih besar : applegif 13 IPEKA Tomang