Soal Uts Semester Genap 20181

YAYASAN PENDIDIKAN & SOSIAL MA’ARIF
SMK YPM SEPANJANG

Jalan Raya Ngelom No. 86 Taman Sidoarjo
ULANGAN TENGAH SEMESTER (UTS) GENAP

TAHUN PELAJARAN 2017/ 2018
MATA PELAJARAN : PEMPROGRAMAN WEB
KELAS / SEMESTER : XI -TKJ
HARI / TANGGAL :
WAKTU : 90 MENIT
PROGRAM KEAHLIAN : TEKNIK KOMPUTER DAN JARINGAN
Pilihlah jawaban yang paling benar !
1. Perusahaan yang menyediakan layanan penyimpanan web dan jual domain hosting
disebut ....
A. Web Crawler
B. Internet Service Provider
C. Web Domain
D. Web Hosting
E. Web Company
2. Domain .uk merupakan domain negara ....

A. Amerika
B. Indonesia
C. Ukraina
D. Inggris
E. Malaysia
3. Domain .id merupakan domain negara ....

A. India
B. Indonesia
C. Ukraina
D. Inggris
E. Malaysia
4. Klasifikasi nama domain yang bergerak dalam jasa penyedia internet adalah ....
A. org
B. edu
C. net
D. go.id
E. com
5. Klasifikasi nama domain yang bergerak dalam bidang pendidikan adalah ....
A. edu
B. org
C. net
D. go.id
E. com
6. Situs search engine Bing.Com merupakan situs yang dikembangkan oleh ....
A. Yahoo
B. Google
C. Microsoft
D. Oracle
E. Facebook
7. URL merupakan singkatan dari ....
A. Uniform Resource Locator

B. Uniform Ring Location
C. Universal Riset Location b. Uniform Ring Locator
D. Universal Resource Location
E. Uniform Relation Locator
8. Salah satu fasilitas internet yang dijalankan melalui browser untuk mencari informasi
yang diinginkan adalah…
A. Situs
B. Portal
C. Search Engine
D. Web Site
E. Spider
9. Profesi dalam pengembangan aplikasi web yang bertugas dalam membuat tampilan
situs (web) mulai dari pengolahan gambar, tata letak, warna, dan semua aspek visual
situs, fokus utama mereka adalah tampilan / layout dari web adalah ....
A. Web Administrator D. Web Designer
B. Web Programmer E. Web Master
C. Web Developer
10. Versi HTML yang diliris pada tanggal 14 Januari 1996 dengan beberapa kemampuan
tambahan seperti penambahan form, hal ini menjadi pionir untuk membuat sebuah
web yang interaktif adalah ...
A. Versi 1.0 D. Versi 4.0
B. Versi 2.0 E. Versi 5.0
C. Versi 3.0
11. Tag yang benar untuk menampilkan teks H2SO4 disamping adalah ......
A. H<superscript>2</superscript>SO<supercript>4</ supercript>
B. H<subscript>2</subscript> SO<subcript>4</subcript>
C. H<sup>2</sup SO<sup>4</sup>
D. H<sub>2</sub> SO<sub>4</sub>
E. <superscript>H2</superscript> SO<supercript>4</sup>
12. struktur dasar membuat tabel pada html..
A. <table>
<tr>
<td> </td>
</tr>
<table>
B. <table>
<tr>
<tr> <td>
<table>
</td>
C. <table>
<tr>
<td> </td>
</tr>
</table>
D. <table>
<head>
<td> </tr>
<Table>
</head>
<td>
E. <table>
<tr> </tr>
</table>
</td>
13. Perhatikan gambar di bawah ini !
Untuk mengisi no 1,2 3,4, 5, 6 yang benar adalah ...

A. Logo, Header, Navigasi, Footer, White Space
B. Logo, Header, White Space, Footer, Navigasi
C. Logo, Header, Navigasi, White Space, Footer
D. Logo, Navigasi, White Space, Footer, Header
E. Logo, Navigasi, Footer, Header , White Space
Yang membedakan penggunaan Tag <img...... >pada gambar komputer 1 dan komputer
2 adalah....
A. Pada gambar komputer 1 menggunakan atribut align CENTER dan gambar

komputer 2 menggunakan atribut align MIDLE
B. Pada gambar komputer 1 menggunakan atribut align RIGHT dan gambar
komputer 2 menggunakan atribut align RIGHT
C. Pada gambar komputer 1 menggunakan atribut align RIGHT dan gambar
komputer 2 menggunakan atribut align LEFT
D. Pada gambar komputer 1 menggunakan atribut align LEFT dan gambar
komputer 2 menggunakan atribut align RIGHT
E. Pada gambar komputer 1 menggunakan atribut align LEFT dan gambar
komputer 2 menggunakan atribut align LEFT
15. Untuk membuat image map, tag yang digunakan adalah ....
A. <road> dan <location> D. <image> dan <area>
B. <map> dan <location> E. <map> dan <area>
C. <road> dan <area>
16. Suatu metode yang digunakan dalam HTML untuk membuat hubungan antar
halaman yang terdapat dalam satu situs web adalah ...
A. HTML D. WWW
B. LINK E. HTTP
C. URL
17. Tanda yang menunjukan bahwa tujuan link adalah nama bagian, bukan berupa file
adalah ....
A. @ D. #
B. & E. %
C. !
18. Untuk melengkapi script link di bawah ini adalah ...
<a ......?=”detail-sahara.html”>
<img
src=”images/jeep/saharal.jpg” />
</a>
A. Href D. Www
B. Reff E. Http
C. Src
19. Dalam HTML, dapat ditambahkan hubungan/relasi ke link lain. Berikut ini adalah
command dari link yang apabila di klik akan menuju ke www.google.comadalah….
A. <Href a www.google.com> </a>
B. <a href www.google.com> </a>
C. <a href="www.google.com"></a>
D. <ke= www.google.com> </a>
E. <pindah ke www.google.com> </a>
20. Untuk melengkapi script link di bawah ini adalah ...
<a
href="...........?:nama@yourdomain.com">nama@yourdomain.com</a>
A. emailto D. httpto
B. mailto E. urlto
C. srcto
Untuk menampilkan navigasi audio seperti gambar di atas serta audio berjalan secara
otomatis dan berulang, TAG yang digunakan adalah.....
A. <audio controls = " autoplay " autoplay=" controls " loop="loop" >
B. <audio controls = "controls" autoplay=" loop" loop=" autoplay " >
C. <audio controls = " loop" autoplay="autoplay" loop=" controls" >
D. <audio controls = " loop" autoplay=" controls" loop="autoplay" >
E. <audio controls = "controls" autoplay="autoplay" loop="loop" >
22. Untuk menampilkan video pada halaman HTML, diperlukan Format video yang
disupport oleh browser adalah ....
A. MP3, WebM, Ogg D. MP4, WebN, Oqq
B. MP4, WebM, Ogg E. MP3, WebN, Oqq
C. MP4, WebN, Ogg
23. #**# merupakan karakter yang terdapat pada type data ....
A. Text
B. Password
C. Radio
D. Submit
E. File
24. Type yang berfungsi untuk menerima masukan berupa teks dari pengguna adalah ....
A. Checkbox
B. Submit
C. File
D. Text
E. Button
25. Atribut NAME digunakan sebagai

A. Menamai kotak
B. Menandai teks
C. Menentukan panjang maksimum teks
D. Mengatur ukuran
E. Memasukan teks
26. Untuk menerima masukan berupa pilihan ialah

A. Submit
B. Reset
C. Radio
D. Password
E. Text
27. Perintah atau type masukkan untuk menampilkan berupa pilihan adalah:
A. Radio
B. Checkbox
C. Submit
D. Resume
E. Password
28. 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”>
29. Atribute ACTION digunakan untuk

A. Menentukan nama form
B. Menetukan metode pengiriman yang dipakai
C. Menentukan alamat halaman web yang akan memproses masukan dari Form.
D. Menerima masukan berupa pilihan
E. Menandai atau mengatur nilai dari sebuah radio
30. Salah satu dokumen website yang bertujuan untuk mengatur gaya (style) tampilan
websitedisebut dengan ............
A. Cascading Style Sheet (CSS)
B. From
C. Dokumen HTML
D. Style
E. Format
31. Bagian – bagian utama dari sebuah CSS itu terdiri dari tiga bagian yaitu.............
A. Font,color,property
B. Selektor, id, dan class
C. Selector, property, value
D. Value,margin,color
E. Font, warna, jarak
32. Contoh penulisan syntax CSS yang benar adalah ………………..

A. Property { Selector : Value }
B. Selector {Property : Value }
C. Value { Selector : Property }
D. Selector { Value : Property }
E. Artibutte { Selector : Value }
33. Definisi dari sebuah selector yang paling tepat yaitu ……………..
A. Perintah yang menunjukan bagian mana yang ingin diformat
B. Bagian isi yang menunjukan bagian mana yang ingin dirubah
C. Bagian atribute yang menunjukan bagian mana yang ingin diganti
D. Perintah yang menunjukan bagian mana yang ingin dibuang
E. Bagaian value yang menunjukan bagian mana yang ingin diformat
34. Jika ingin mengatur lebih banyak selector, maka selector tersebut harus
dikelompokan dengan dipisahkan tanda …….
A. “ ; “ (titik koma) D. “ : “ (titik dua)
B. “ . “ (titik) E. “ “ (spasi)
C. “ , “ ( koma)
35. Sedangkan jika ingin menggunakan lebih dari satu property, maka gunakanlah tanda
…… sebagai pemisah.
A. “ ; “ (titik koma) D. “ : “ (titik dua)
B. “ , “ ( koma) E. “ “ (spasi)
C. “ . “ (titik)
36. 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 id para
C. Warna teks link dalam class para
D. Warna teks link dalam root para
E. Warna teks link dalam selector para
37. Fungsi property { border-top-style : 6px dashed green; } ……………..

A. Memberikan efek bingkai border bagian bawah dengan jenis garis putus-putus
berwarna hijau
B. Memberikan efek bingkai border bagian bawah dengan jenis garis lurus
berwarna merah
C. Memberikan efek bingkai border bagian bawah dengan jenis garis lurus double
berwarna kuning
D. Memberikan efek bingkai border bagian bawah dengan jenis garis putus-putus
berwarna biru
E. Memberikan efek bingkai border bagian bawah dengan jenis garis lurus bagian
atas berwarna orange.
38. Perhatikan script dibawah ini !
<html>
<title>Format Text </title> Pemrograman Web
...........
<style ="text/css">
p {word-spacing: 1cm}
h2 {word-spacing: 5px}
</style>
<body>
<p>Pengaturan Spasi per Kata sebesar 1 cm</p>
<h2> Peregangan Header 2 sebesar 5 px</h2>
</body>
</html>
Apa yang kurang dari script tersebut .......
A. <head></head>
B. <selector></selector>
C. <body></body>
D. <form></orm>
E. <html>
39. Perhatikan script dibawah ini !
<html>
<head>
<title>Test</title>
</head>
<body>
<video controls="controls"
style="display:block; margin:
0 auto; width:400px ; heigth:400;" >
<source src="movie.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
</body>
Script diatas merupakan
</html> script untuk pemformatan CSS pada tampilan.....
A. Background
B. Video
C. Walpaper
D. Image
E. Table
40. div { background-image: url(“latar.png”); } . Script tersebut merupakan format untuk

.....
A. Background image
B. Background
C. Latar belakang
D. Walpaper
E. Format video
B. Jawablah pertanyaan-pertanyaan di bawah ini dengan benar !.
1. Jelaskan apa tugas profesi dalam pengembangan aplikasi web berikut :

a. Web Designer
b. Web Programmer
c. Web Administrator
d. Web Master
2. Jelaskan fungsi-fungsi tag-tag HTML dibawah ini !

a. <b> e. <br>
b. <u> f. <td>
c. <blink> g. <tr>
d. <i>
3. Buatlah syntax HTML untuk menampilkan Formulir pada halaman web !
4. Jelaskan beberapa kelebihan-kelebihan yang dimiliki oleh CSS !

5. Jelaskan apa maksud syntax CSS dibawah ini (berikan komentar untuk setiap baris perintah
dibawah ini)
a.
------SEMOGA SUKSES-------
I. Kunci Jawaban untuk Pilihan Ganda
1. D 11. D 21. E 31. C
2. A 12. A 22. B 32. B
3. B 13. C 23. B 33. A
4. A 14. D 24. D 34. C
5. A 15. E 25. A 35. A
6. C 16. B 26. C 36. B
7. A 17. D 27. B 37. A
8. C 18. A 28. A 38. A
9. D 19. C 29. C 39. B
10. B 20. B 30. A 40. A
II. Kunci Jawaban untuk Uraian

1. - Web Desainner adalah orang yang bertanggung jawab untuk menentukan
tampilan sebuah website. Tugasnya adalah pendisainan tampilan situs (web)
mulai dari pengolahan gambar, tata letak, warna, dan semua aspek visual situs.
- Web Programmer bertugas dalam melakukan pengcodingan atau pemograman
sebuah website agar dinamis. dimana agar sebuah web tersebut dapat telihat
mudah bagi seorang web admin.
- Web Administrator Tugasnya adalah untuk memaintenance suatu server,
mengerti akan Sistem Operasi Server, baik itu mulai dari instalasi sampai kepada
masalah (troubleshooting)
- Web Master Seoarang Web Master adalah seorang yang mengerti akan kesemua
hal mulai dari disain, program dan keamanan server namun tidak terlalu turut
mencampuri ke masing-masing divisi, cukup dengan mempertanggun jawabkan
atas jalannya suatu situs (web).
2. Fungsi masing-masing Tag HTML berikut :

a. <b> : Untuk membuat teks tebal
b. <u> : Untuk membuat teks bergaris bawah
c. <blink> : Untuk membuat teks berkedip
d . <i> : Untuk membuat teks miringe .
e. <br> : Untuk pindah barisf.
f. <table> : Untuk membuat tabel
g. <td> : Untuk membuat kolom pada tabelh
h. < t r > : U n t u k m e m b u a t b a r i s p a d a t a b l e
3. Terlampir
4. - Memisahkan desain dengan konten halaman web.
- Mengatur desain seefisien mungkin.
- Jika kita ingin mengubah suatu tema halaman web,cukup modifikasi pada css saja.
- Menghadirkan sesuatu yang tidak dapat dilakukan oleh HTML.
- Lebih mudah didownload karena lebih ringan ukuran filenya.
- Satu CSS dapat digunakan banyak halaman web
5.
H1 { //Heading 1
Color : Red; //Warna pada teks akan berubah menjadi merah
Font-family : arial; // jenis teks adalah arial
Font-size : 12 px; // font size yaitu 12 pixcel
}

Soal Uts Semester Genap 20181

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Soal Uts Semester Genap 20181

Diunggah oleh

Hak Cipta:

Format Tersedia

YAYASAN PENDIDIKAN & SOSIAL MA’ARIF

SMK YPM SEPANJANG

ULANGAN TENGAH SEMESTER (UTS) GENAP

Pilihlah jawaban yang paling benar !

2. Domain .uk merupakan domain negara ....

3. Domain .id merupakan domain negara ....

7. URL merupakan singkatan dari ....

A. Uniform Resource Locator

13. Perhatikan gambar di bawah ini !

Untuk mengisi no 1,2 3,4, 5, 6 yang benar adalah ...

A. Pada gambar komputer 1 menggunakan atribut align CENTER dan gambar

20. Untuk melengkapi script link di bawah ini adalah ...

21. Perhatikan gambar di bawah ini !

25. Atribut NAME digunakan sebagai

26. Untuk menerima masukan berupa pilihan ialah

29. Atribute ACTION digunakan untuk

32. Contoh penulisan syntax CSS yang benar adalah ………………..

36. Perhatikan kode CSS berikut ini:

Kode CSS diatas untuk mengatur:

37. Fungsi property { border-top-style : 6px dashed green; } ……………..

38. Perhatikan script dibawah ini !

39. Perhatikan script dibawah ini !

40. div { background-image: url(“latar.png”); } . Script tersebut merupakan format untuk

B. Jawablah pertanyaan-pertanyaan di bawah ini dengan benar !.

1. Jelaskan apa tugas profesi dalam pengembangan aplikasi web berikut :

2. Jelaskan fungsi-fungsi tag-tag HTML dibawah ini !

4. Jelaskan beberapa kelebihan-kelebihan yang dimiliki oleh CSS !

II. Kunci Jawaban untuk Uraian

2. Fungsi masing-masing Tag HTML berikut :

Anda mungkin juga menyukai