Pembelajaran latihan soal HTML berikut ini membahas banyak aspek mulai dari CSS hingga materi HTML mendalam, jika kamu berada di jurusan (RPL) Rekayasa Perangkat Lunak atau sedang mendalami dunia pemrograman kamu bisa membaca soal ini. Soal bahasa pemrograman HTML ini sangat lengkap, pembahasan luas mulai dari CSS, JavaScript, hingga PHP.
Soal yang membahas luas tentang pemrograman web html. Karna HTML sendiri adalah sebuah bahasa pemrogaman yang banyak dipelajari, serta sangat dibutuhkan oleh banyak perusahaan. Dengan adanya soal ini, kami berharap kamu bisa mendapatkan banyak pengetahuan dengan menjawab beberapa latihan soal pilihan ganda dan juga essay.
Mengenal Tentang Soal HTML Materi Bahasa Pemrograman
Jika kamu seorang guru atau dosen dibidang teknologi informasi atau teknik informatika. Mungkin sudah mengenal sekali apa itu bahasa Pemrograman HTML atau biasa juga disebut Hypertext Markup Langguage ya seperti bahasanya kamu bisa belajar membuat halaman suatu web, menggunakan HTML. Dalam bahasa HTML dasar seperti soal ini, akan dibahas mengenai halaman web untuk membuat paragraf, heading, dan juga memasukan gambar ke halaman web. Banyak tag di HTML untuk menandai atau mempermudah seseorang programmer dalam membuat rangka suatu website.
Mengapa harus belajar latihan contoh soal HTML? karna dengan membaca soal-soal ini kamu akan mendapatkan kesimpulan yang cukup luas tanpa perlu membaca satu persatu pembahasan HTML, anggap saja kamu sudah membuat kesimpulan dari materi HTML lalu membacanya ulang.
Soal pilihan ganda HTML dan juga essay berikut ini dapat dengan mudah untuk dipahami siswa, pemahaman mendalan tentang konsep-konsep yang ada di HTML akan dibahas. Penggunaan CSS, JavaScript, PHP, dll. Tata letak juga di HTML akan membuat siswa menjadi lebih mengerti lagi apa itu HTML.
Baca Juga: 50 Soal PHP Pilihan Ganda dan Kunci Jawabannya
Soal yang benar ditandai dengan teks yang tebal (bold), jika memang soal HTML ini digunakan lagi untuk diberikan kepada siswa untuk latihan sebelum ulangan. Jangan lupa untung menghilangkan tanda bold disetiap ABC nya, gunakan sumber dari blog ini jika memang kamu ingin mengcopy paste sebagai refrensi artikel.
55 Soal HTML Pilihan Ganda dan Kunci Jawabannya
1. Untuk membuat web dengan HTML kita bisa menggunakan banyak software, berikut ini contoh software yang dapat membantu untuk membuat Website dengan HTML5 dan versi lainnya adalah…
A. Adobe
B. Sublime Text
C. Microsoft One Drive
D. Office
E. C++
2. Seorang yang dapat membangun berbagai macam aplikasi atau software dengan keahlian khusus dapat mengerti bahasa pemrograman, serta dapat mengembangkan aplikasi hingga dapat digunakan oleh user dengan lancar. Orang tersebut biasa dikenal dengan sebutan…
A. Programmer
B. IT Networking
C. IT Security
D. Editor
E. Founder
3. Elemen-elemen HTML digambarkan oleh sebuah tag. Tag tersebut ditulis menggunakan simbol…
A. Kurang buka
B. Kurung siku
C. Kurung sudut
D. Kurung kurawal
E. Semicolon
4. Berbagai macam bahasa pemrograman mulai dari CSS hingga HTML pasti memiliki arti atau kepanjangannya, salah satunya yang tadi disebutkan adalah pemrograman HTML. HTML merupakan kepanjangan dari…
A. HyperThis Markup Line
B. HyperText Mockup Language
C. HyperText Markup Link
D. HyperText Markup Language
E. HyperMart Markup Language
5. Dalam membangun halaman website dapat menggunakan berbagai macam bahasa pemrograman, salah satunya bahasa pemrograman standar seperti…
A. Visual code
B. Phyton
C. Javascript
D. PHP
E. HTML
6. Umumnya, kebanyakan halaman web adalah dokumen yang dibuat menggunakan format HTML dan dapat diakses melalui…
A. HTTP
B. THPT
C. PTPT
D. HHTPS
E. HTPS
7. Untuk memperindah tampilan halaman website dengan format yang lebih teratur seperti mengatur font, warna tulisan hingga latar belakang website yang terkesan menjadi lebih menarik maka diperlukan…
A. Tag
B. CSS
C. Javascript
D. PHP
E. Database
8. Sedangkan untuk membuat halaman web menjadi lebih hidup dengan menentukan fungsi-fungsi maupun efek yang akan diterapkan pada website maka diperlukan…
A. Tag
B. CSS
C. Javascript
D. PHP
E. Database
9. Setiap pemrograman selalu ada tag pembuka untuk memulai mencakup semua konten dan elemen maka tag yang digunakan untuk membuat halaman HTML adalah…
A. <br>
B. <body>
C. <head>
D. <html>
E. <li>
10. Pada pilihan script HTML dibawah ini terdapat beberapa pilihan sintak untuk membuat checkbox pada HTML, sintak yang tepat untuk digunakan adalah…
A. <input type=’check_box’>
B. <input type={checkbox}
C. <input type=’check’>
D. <input type=”checkbox”>
E. <input type=’checkbox’>
11. Pada pemrograman HTML terdapat 2 jenis list, yang mana diantaranya adalah order list dan unorderlist. Pernyataan tersebut adalah…
A. Benar
B. Salah
C. Tidak ada
D. A dan B Benar
E. Semua salah
12. Jenis tag list yang hasil inputannya berbentuk poin-poin atau bullet yang menyerupai lingkaran adalah…
A. Ordered list
B. Unodered list
C. li
D. ol
E. bullet
13. Unodered list dilambangkan dengan Nama Bullet List, karena bentuknya berupa titik lingkaran, jenis list ini biasa disebut dengan…
A. src
B. class
C. ul
D. ol
E. dir
14. Salah satu tag List yang digunakan untuk mengurutkan daftar dengan menggunakan angka, abjad dan angka romawi dan biasanya sering ditemukan pada jurnal adalah…
A. Ordered list
B. Unodered list
C. Li
D. Ol
E. El
15. Setelah mempelajari perbedaan 2 jenis tag list diatas coba perhatikan script dibawah ini, merupakan salah satu contoh dari tag list yaitu…
A. Ordered list
B. Unodered list
C. Li
D. Ol
E. hidden
16. Perhatikan baik-baik hasil inputan dibawah ini menggunakan tag list jenis…
A. dir
B. style
C. list
D. ul
E. ol
17. Ketika memulai pembelajaran tentang pemrograman HTML dibutuhkan pemahaman lebih saat praktikum telah berlangsung, biasanya untuk mengingat atau memberikan penjelasan pada setiap code diberikan komentar. Bagaimana cara memberikan komentar pada HTML…
A. dimulai dengan <!-diakhiri dengan //
B. dimulai dengan <!-diakhiri dengan->
C. dimulai dengan ? diakhiri dengan ?
D. dimulai dengan # diakhiri dengan #
E. dimulai dengan {}diakhiri dengan{/}
18. Pada website gambar memiliki peran penting untuk menarik pertahatian user mulai dari menyampaikan informasi dan juga meningkatkan estetika dari website. Dibawah ada beberapa pilihan sintak untuk memasukan gambar, manakah sintak yang benar untuk menyisipkan gamabr pada halaman web…
A. <img href=’https://eduksisoal.com’
B. <image src=’eduksisoal.png’ alt=’eduksisoal>
C. <image src=”eduksisoal.png” alt=’eduksisoal>
D. <img src=’eduksisoal.png’ alt=’eduksisoal’>
E. <img type=’eduksisoal.gif’>
19. Berikut ini adalah contoh penulisan script HTML untuk membuat suatu…
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JUDUL 1</title>
</head>
<body>
<h1>JUDUL UTAMA</h1>
</body>
</html>A. Membuat Heading
B. Membuat Form Login
C. Membuat teks tampilan bergerak
D. Membuat navigasi halaman website
E. Membuat tampilan background website menggunakan kode HTML5
20. CSS sangat dibutuhkan dalam membuat halaman website, karena dengan menambahkan CSS tampilan website akan lebih terstruktur, selain itu CSS juga berperan untuk mengatur gaya (style) pada sebuah website. Dibawah ini format penulisan sintaks CSS yang tepat yaitu…
A. Value {Property: selector;}
B. Property {Selector: value;}
C. Selector {Property: value;}
D. Selector {value: property;}
E. Selector {Property; value;}
21. Informasi tambahan yang ada didalam elemen HTML, informasi atau perintah ini bisa berupa instruksi untuk warna dari teks, besar huruf dan lainnya yang disebut…
A. Value
B. Tag
C. CSS
D. Atribut
E. Elemen
22. Teks khusus yang digunakan untuk memberitahu web browser bagaimana suatu teks ditampilkan seperti contohnya teks ditulis sebagai paragraf, list atau link dengan penulisan berada diantara dua kurung siku “<” dan “>” disebut…
A. Title
B. Atribut
C. Value
D. Elemen
E. Tag
23. Komponen isi dari tag HTML yang berupa kode diantara tag pembuka dan tag penutup disebut…
A. Elemen
B. Atribut
C. Value
D. Title
E. Tag
24. Format penulisan atribut dibawah ini yang benar adalah…
A. <tag_pembuka nama_atribut=”value”> Objek </tag_penutup>
B. <tag_pembuka nama_atribut=’value”> Objek </tag_penutup>
C. <tag_pembuka nama_atribut-‘value”> Objek </tag_penutup>
D. <tag_pembuka nama_atribut;’value”> Objek </tag_penutup>
E. <tag_pembuka nama_atribut=’value”> Objek <tag_penutup>
25. Dari pilihan dibawah ini manakah format penulisan atribut lebih dari dua yang benar…
A. <tag_pembuka nama_atribut=’value”> Objek </tag_penutup>
B. <tag_pembuka nama_atribut1=”value1″ nama_atribut2=”value2″> Objek </tag_penutup>
C. <tag_pembuka nama_atribut1= nama_atribut2=”value2″> Objek </tag_penutup>
D. <tag_pembuka nama_atribut1=”value1″ value2″> Objek </tag_penutup>
E. <tag_pembuka nama_atribut1=”value1″ nama_atribut2=”value2> Objek </tag_penutup>
26. Setiap atribut memiliki pasangan nama dan nilai, nilai tersebut adalah…
A. Nilai
B. Atribut
C. Value
D. Tag
E. Elemen
27. Sintak dibawah ini merupakan format penulisan…
<tag_pembuka> objek </tag_penutup> A. Nilai
B. Atribut
C. Value
D. Tag
E. Elemen
28. Tidak semua tag yang ditulis harus berpasangan, ada juga beberapa tag yang ditulis tanpa memiliki tag penutup. Dibawah ini adalah manakah contoh dari tag yang tidak memiliki tag penutup yaitu…
A. <ul>
B. <head>
C. <p>
D. <body> dan <title>
E. <br> dan <hr>
29. Tahapan yang dilakukan saat akan membuat website yang paling utama yaitu…
A. Mengaktifkan database
B. Membuat title
C. Membuka sublime text
D. Refresh F5
E. Menyiapkan template
30. Jika membuat file ke HTML dengan menggunakan spasi maka biasanya pada tampikan URL akan muncul…
A. Error
B. %20
C. Tidak ada tampilan
D. White screen
E. 404
31. Tag yang digunakan pada HTML untuk mengenter (baris baris) adalah…
A. <head>
B. <li>
C. <br>
D. <p>
E. <ol>
32. Tag HTML yang berfungsi suntuk membuat judul pada halaman adalah…
A. <link>
B. <table>
C. <form>
D. <title>
E. <body>
33. Tag yang digunakan untuk membuat Table pada HTML adalah…
A. <a>
B. <head>
C. <span>
D. <hr>
E. <table>
34. Tag HTML yang berfungsi untuk mendefisikan sel data pada konten utama dalam tabel, sel ini berada di dalam baris tabel yaitu…
A. <td>
B. <thead
C. <tr>
D. <table>
E. <th>
35. Salah satu elemen HTML yang berfungsi untuk memasukkan data yaitu Form. Form di HTML memiliki beberapa atribut yang harus diberikan, seperti…
A. Action
B. Action dan Method
C. Method
D. Post
E. Field
36. Pada tag tersedia dua jenis method yang mana diantaranya yaitu…
A. HTTP dan SELF
B. Get dan HTTP
C. GET dan POST
D. Field dan Action
E. Action dan Method
37. Form digunakan untuk menginputkan data, pada tag ini atribut yang harus diberikan untuk menentukan aksi yang akan dilakukan saat data dikirim adalah…
A. Action
B. Action dan Method
C. Method
D. Post
E. Field
38. Metode pengiriman data pada form HTML disebut…
A. Action
B. Action dan Method
C. Method
D. Post
E. Field
39. Untuk menghasilkan tampilan seperti dibawah ini menggunakan tag HTML…
A. <dropdown>
B. <checkbox>
C. <form>
D. <li>
E. <table>
40. CSS dapat ditambahkan ke dalam elemen HTML melalui 3 cara diantaranya kecuali…
A. Inline
B. External
C. Internal
D. Outline
E. Salah semua
41. Dalam sebuah bahasa untuk mengatur tampilan website sehingga terlihat lebih indah dan menarik dibutuhkan CSS. CSS merupakan kepanjangan dari…
A. Coding Style Sheet
B. Cheat Style Stroom
C. Coding Style Editor
D. Chart Style Sheet
E. Cascade Style Sheet
42. Komentar biasanya digunakan untuk memberikan informasi tambahan di CSS, cara menulis komentar di CSS dapat menggunakan tanda…
A. /* dan diakhiri dengan */
B. /? dan diakhiri dengan ?/
C. // dan diakhiri dengan //
D. /# dan diakhiri dengan #/
E. /% dan diakhiri dengan %/
43. Warna merupakan properti yang paling sering digunakan dalam CSS. Karena jika tampilan web hanya hitam putih saja maka akan terasa kosong dengan begitu diperlukan Properti untuk memberikan warna pada teks di CSS yaitu…
A. elemen
B. color
C. selector
D. font
E. garis
44. Pada web paragraf biasanya digunakan untuk menampilan teks atau artikel, untuk membuat paragraf pada HTML menggunakan tag…
A. <td>
B. <title>
C. <p>
D. <br>
E. <body>
45. Dibawah ini adalah beberapa atribut yang digunakan dalam form, kecuali…
A. method
B. action
C. method dan action
D. value
E. placeholder
46. Tag yang biasanya digunakan untuk membungkus teks yang ada di luar artikel, seperti teks pada footer, header, sidebar dan lainnya adalah…
A. <div>
B. <p>
C. <pre>
D. <td>
E. <tr>
47. Halaman-halaman website yang terhubung satu sama lain atau biasa dikenal dengan hyperlink yang membentuk informasi dengan protokol HTTP adalah WWW. WWW merupakan kepanjangan dari…
A. Wide Web World
B. World Wide Web
C. Word Wide Web
D. Wild Wide Web
E. Web White Wild
48. HTML adalah gabungan antara teks dan simbol yang disimpan dalam sebuah file. Untuk menciptakan file HTML, diperlukan mengikuti terhadap standar atau format khusus yang dijelaskan dalam…
A. European Organization for Nuclear Research (CERN)
B. Cryptography and Network Security
C. ASCII (American Standard Code for Information Interchange)
D. Lab work in Programming
E. Logic for Computer Science
49. Atribut yang digunakan untuk mengatur lebar dan tinggi dari suatu elemen adalah…
A. height dan style
B. value dan head
C. width dan height
D. width dan value
E. style dan height
50. Untuk mengelompokkan elemen kecil atau sebagian teks tanpa mengubah struktur dokumen diperlukan tag…
A. <br>
B. <hr>
C. <body>
D. <span>
E. <div>
51. Metode HTTP GET dan POST digunakan dalam formulir HTML untuk mengirim data ke server, tetapi keduanya memiliki perbedaan penting dalam cara mereka mengirim data. Mengirimkan data formulir sebagai bagian dari URL. Data yang dikirim terlihat dalam URL, sehingga lebih cocok untuk mengirimkan data yang tidak sensitif seperti parameter pencarian maka menggunakan…
A. POST
B. Value
C. Method
D. Action
E. GET
52. Setiap variabel di pemrograman PHP selalu diawali dengan simbol…
A. $
B. //
C. %
D. *
E. #
53. Setiap perintah di pemrograman PHP selalu diakhiri dengan simbol…
A. $
B. ;
C. %
D. *
E. #
54. Dibawah ini adalah jenis-jenis operator yang ada di javascript, kecuali…
A. Aritmatika
B. Kombinasi
C. Perulangan
D. Logika
E. Penugasan
55. Berikut ini manakah yang bukan bagian dari jenis-jenis array di javascript…
A. Array Assosiatif
B. Array dan perulangan
C. Array Campuran
D. Array Boolean
E. Array Numerik
Penutupan
Itulah beberapa pembahasan untuk “Soal HTML Pilihan Ganda dan Kunci Jawabannya” sudah lengkap bukan pembahasannya? jika memang ingin menggunakan soal ini atau menyalinnya, tolong untuk memasukan sumber resmi kami dari Eduksisoal.com