Contoh Soal Latihan HTML Beserta Jawabannya
Halo sahabat programmer,Kali ini saya membagikan contoh soal latihan html baik essay maupun pilihan ganda disertai dengan jawabannya. Khusus buat kalian yang sedang belajar untuk menghadapi ujian tengah semester atau akhir semester untuk pelajaran pengenalan web.
Biasanya pertanyaan-pertanyaan umum ini sering muncul dalam soal ujian. Langsung saja simak pembahasannya di bawah ini:
Contoh Soal Latihan HTML Pilihan Ganda
Contoh Soal Latihan HTML Essay
- HTML Merupakan singkatan dari
a. Hyper Link Markup Leaguage
b. Hyper Text Markup Laguage
c. Hyper Tool Markup Laguage
d. Hyper Test Markup Laguage
2. Berikut ini yang menjadi standarisasi Web
a. ECMAN (uropean Computer Manufacturers Association)
b. W3C (World Wide Web Consortium)
c. Google
d. PSR (PHP Standars Recommendation)
3. Berikut ini tag untuk membuat heading, kecuali
a. <h4>
b. <h5>
c. <h6>
d. <h7>
4. Untuk membuat baris baru menggunakan tag ?
a. <br>
b. <newline>
c. <break>
d. <hr>
5. Tag untuk membuat garis datar (horizontal)?
a. <br>
b. <newline>
c. <break>
d. <hr>
6. Sintak yang benar untuk menambah warna latar belakang?
a. <body =’background:green’>
b. <body style=’background-color:green’>
c. <body color=’green’>
d. <background>green</background>
7. Tag untuk membuat huruf tebal adalah
a. <bold>
b. <b>
c. <i>
d. <important>
8. Karakter yang digunakan untuk tag akhir ?
a. <>
b. /
c. *
d. \
9. Untuk membuat tabel menggunakan tag ?
a. <table>
b. <tables>
c. <tb>
d. <tab>
10. Saat membuat tabel tag <tr> berfungsi untuk ?
a. Membuat baris
b. Membuat kolom
c. Membuat header tabel
d. membuat body tabel
11. Tag <ol> digunakan untuk membuat list ?
a. List terurut
b. List Tidak terurut
c. List Tunggal
d. List Jamak
12. Terdapat 2 jenis list di HTML yaitu order list dan unordered list!
a. Benar
b. Salah
c. Jawaban a dan b benar
d. Semua jawaban salah
13. Untuk membuat checkbox menggunakan sintak?
a. <checkbox>
b. <input type=’checkbox’>
c. <input type=’check’>
d. <input type=’check_box’>
14. Untuk membuat radio button mengunakan sintak?
a. <radio>
b. <input type=’radio_button’>
c. <input type=radio’>
d. <radio_button>
15. Untuk membuat drop-down list menggunakan tag?
a. <input type=’drop-down’>
b. <drop-down>
c. <select>
d. <list>
16. Text area dapat dibuat menggunakan tag?
a. <textarea>
b. <input type=’textarea’>
c. <text>
d. Semua jawaban salah
17. Sintak yang benar untuk memasukan gambar adalah
a. <img href=’https://kelasprogrammer.com’ alt=’Kelas Programmer’>
b. <img src=’kelasprogrammer.png’ alt=’Kelas Programmer’>
c. <image src=’kelasprogrammer.jpg’ alt=’Kelas Programmer’>
d. <img type=’kelasprogrammer.gif’>
18. Atribut alt pada tag <img> berfungsi untuk?
a. Menampilkan alternatif teks ketika gambar tidak bisa ditampilkan
b. Membuat gambar dengan animasi
c. Mengatur ukuran gambar
d. Mengatur jarak gambar dengan elemen lain
19. Untuk membuat komentar di HTML adalah
a. dimulai dengan <!– diakhiri dengan –>
b. dimulai dengan <? diakhiri dengan ?>
c. dimulai dengan // diakhiri dengan *//
d. dimulai dengan # diakhiri dengan #
20. Untuk mendefinisikan judul menggunakan tag?
a. <head>
b. <body>
c. <footer>
d. <title>
21. Elemen HTML untuk memutar video adalah
a. <video>
b. <input type=’video’>
c. <media>
d. <canvas>
22. Elemen HTML untuk memutar suara adalah
a. <audio>
b. <sound>
c. <video>
d. <mp3>
23. Di dalam HTML onfocus merupakan bagian dari atribut?
a. atribut style
b. atribut event
c. atribut media
d. atribut html
24. Elemen <canvas> digunakan untuk?
a. Manipulasi data
b. Menampilkan jenis huruf
c. Membuat grafis
d. Memampilkan gambar dinamis
25. Atribut yang digunakan pada field untuk membuat aturan field tersebut harus diisi adalah atribut
a. validate
b. required
c. name
d. value
26. Untuk membuat navigasi link menggunakan tag?
a. <nav>
b. <navigation>
c. <navbar>
d. <panel>
27. Untuk membuat paragraf menggunakan tag?
a. <p>
b. <paragraf>
c. <i>
d. <italic>
28. Atribut utuk mengatur panjang dan lebar suatu elemen adalah
a. width dan height
b. width dan value
c. value dan height
d. style dan value
29. Didalam penggunaan tabel terdapat atribut colspan yang berfungsi untuk
a. Menggabungkan beberapa cell baris
b. Menggabungkan beberapa cell kolom
c. Memisahkan beberapa cell baris
d. Memisahkan beberapa cell kolom
30. Dalam atribut style properti yang digunakan untuk menentukan jenis huruf adalah
a. font-size
b. font-family
c. text-align
d. background-color
31. Untuk memerikan nilai pada suatu elemen HTML menggunakan atribut?
a. name
b. size
c. value
d. placeholder
32. Berikut ini atribut yang digunakan dalam form kecuali
a. method
b. name
c. action
d. placeholder
33. Dalam tag <form>terdapat dua jenis method yaitu?
a. GET dan HTTP
B. GET dan POST
c. POST dan SELF
D. HTTP dan SELF
34. CSS dapat ditambahkan dalam elemen HTML degan 3 cara kecuali
a. Inline
b. Outline
c. Internal
d. External
35. Untuk membuat tombol (button) menggunakan tag?
a. <button>
b. <input type=’button’>
c. Jawaban a dan b benar
d. Semua jawaban salah
36. Penulisan DOCTYPE yang benar dalaman HTML 5 adalah
a. <html>
b. <DOCTYPE>
c. <!DOCTYPE HTML>
d. <!DOCTYPE HTML5>
37. Grafik yang di buat dengan SGV menggunakan format?
a. HTML
b. XML
c. CSS
d. JS
38. Untuk memasukan kode javascript dalam dokumen HTML menggunakan tag?
a. <script>
b. <javascript>
c. <js>
d. Jawaban a, b dan c benar semuanya
39. Setiap elemen HTML hanya dapat memiliki satu atribut ID tunggal (unik)!
a. benar
b. salah
c. jawaban a dan b benar
d. jawaban a dan b salah
40. HTML merupakan bahasa markup yang pemrosesannya berada di sisi?
a. client side
b. server side
c. local side
d. eksternal side
- Buatlah List di HTML seperti output berikut:
Jawaban:
<ol type="1">
<li>BUS</li>
<li>Mobil</li>
<li>Motor</li>
</ol>
<ol type="A">
<li>BUS</li>
<li>Mobil</li>
<li>Motor</li>
</ol>
<ol type="a">
<li>BUS</li>
<li>Mobil</li>
<li>Motor</li>
</ol>
<ol type="I">
<li>BUS</li>
<li>Mobil</li>
<li>Motor</li>
</ol>
<ol type="i">
<li>BUS</li>
<li>Mobil</li>
<li>Motor</li>
</ol> Untuk membuat list tersebut menggunakan tipe An Ordered list atau list terurut dengan tag <ol> yang diikuti dengan atribut type dengan menggunakan atribut type kita dapat memilih list di urut berdasarkan angka numerik, huruf kecil/kapital maupun menggunakan bilangan romawi.
Pelajari pada artikel : Membuat list di html
2. Buatlah Tabel seperti gambar berikut:
Jawaban:
<table border="1px">
<tr>
<td>Baris 1 : Kolom 1</td>
<td colspan="2">Baris 1 : Kolom 2</td>
</tr>
<tr>
<td>Baris 2 : Kolom 1</td>
<td>Baris 2 : Kolom 2</td>
<td>Baris 2 : Kolom 3</td>
</tr>
<tr>
<td>Baris 3 : Kolom 1</td>
<td>Baris 3 : Kolom 2</td>
<td>Baris 3 : Kolom 3</td>
</tr>
</table>Jika dilihat pada tabel diatas terdapat penggabungan cell pada baris ke-1 antara kolom ke-2 dan ke-3 itu sebabnya kita hanya perlu menambahkan pada kolom yang ingin digabungkan dengan atribut colspan=’2′ artinya bahwa terdapat 2 cell kolom yang digabung.
Pelajari : Membuat tabel di html
Sekian artikel mengenai contoh latihan soal html baik pilihan ganda maupun essay. Semoga dapat membantu teman-teman semua dalam belajar.