Lompat ke konten Lompat ke sidebar Lompat ke footer

Soal Pemrograman Web HTML Beserta Jawabannya

 

Soal Pemrograman Web HTML Beserta Jawabannya

HTML atau Hyper Text Markup Language merupakan sebuah bahasa pemrograman yang dirancang untuk membuat website dengan menggunakan akses internet. HTML sendiri memiliki peran penting untuk membangun sebuah halaman website yang mana di dalam HTML banyak sekali bagian-bagian yang perlu anda ketahui dan pelajari untuk membuat program, diantaranya adalah bagian deklarasi, head dan body. Mereka adalah struktur atau kerangka yang terdapat dalam HTML. 

Pada artikel kali ini Guru Go Blog akan membagikan contoh soal Pemrograman Web tentang materi HTML. Yang mana di dalam soal tersebut banyak sekali pembahasan mengenai elemen, tag dan fungsi dari setiap bagian HTML sebagai bahan latihan dalam menjawab soal bagi peserta didik SMK dan sebagai bahan referensi guru dlam mempersiapkan soal menghadapi ujian baik latihan dan ujian lainnya.

Berikut Contoh Soal Pemrograman Web HTML Beserta Jawabannya

1. Proses langkah pembuatan aplikasi berbasis web yang dilalui dengan tahap teknologi jaringan, internet dan bahasa pemrograman adalah...

A. Pemrograman c++

B. Algoritma pemrograman

C. Pemrograman web

D. Web desain

E. Pemrograman mobile

 

2. Kepanjangan dari HTML adalah...

A. Hyper Text Markup Language

B. Hyper Link Mobile Language

C. Hyper Text Markup Languenge

D. Hyper This Mobile Lose

E. Hyper Tell Markup Language

 

3. File HTML harus berekstensi...

A. .php

B. .html

C. .index

D. .css

E. .png

 

4. Tag HTML yang memiliki peran penting untuk menunjukan bagian halaman web adalah...

A. Heading

B. Body

C. Table

D. Row

E. Tab

 

5. Tag yang digunakan untuk membuat table pada HTML adalah...

A. <h4>

B. <head>

C. <table>

D. <body>

E. <tr>

 

6. Tag yang digunakan pada HTML untuk mengenter atau baris baru adalah...

A. <tr>

B. <br>

C. <head>

D. <ol>

E. <tab>

 

7. Tag HTML yang berfungsi untuk membuat judul pada halaman adalah...

A. <title>

B. <html>

C. <body>

D. <p>

E. <head>

 

8. Tabel tag <tr> pada HTML saat membuat tabel berfungsi untuk...

A. Membuat kolom

B. Membuat baris

C. Membuat judul

D. Membuat list

E. Membuat baris baru

 

9. Saat membuat list pada HTML dibagi menjadi tiga, diantaranya...

A. Ordered list, unordered list dan descripsion list

B. Deskripsi, terarah dan terurut

C. Panjang, pendek, dan sedang

D. Terutut, simple dan tersusun

E. Ordered list dan unordered list

 

10. Ordered list pada HTML dibuat dengan tag...

A. <li>

B. <ol>

C. <p>

D. <hr>

E. <br>

 

11. Buah Favoritku : 

1. Mangga

2. Jeruk

3. Pisang

4. Alpukat

5. Nanas

List diatas termasuk kedalam list bagian...

A. Unordered list

B. Ordered list

C. Description list

D. tag ol

E. tag li

 

12. Tag pembuka item untuk list adalah...

A. <ol>

B. </li>

C. <li>

D. </ol>

E. <ul>

 

13. Tag penutup ordered list adalah...

A. <ol>

B. </li>

C. <li>

D. </ol>

E. <ul>

 

14. Tag untuk membuat unordered list adalah...

A. <ol>

B. </li>

C. <li>

D. </ol>

E. <ul>

 

15. Tag untuk membuat dan penutup description list adalah...

A. <dl> </dl>

B. <dd> </dd>

C. <dt> </dt>

D. <ol> </ol>

E. <li> </li>

 

16. Tag yang dipakai untuk membuat kata pada descripion list adalah...

A. <dl>

B. <dd>

C. <ul>

D. <dt>

E. </dd>

 

17. Daftar penjelasan :

Teh 

Adalah sebuah minuman yang berasal dari daun teh yang menjadi menu minuman favorit. 

Kopi Gula Aren

Adalah kopi yang dicampuri dengan gula aren, sekarang menjadi minuman favorit dikalangan anak muda.

List diatas termasuk kedalam bagian...

A. Ordered list

B. Unordered list

C. Penjalasan

D. List biasa

E. Description list

 

18. List yang dibuat di dalam list adalah...

A. Nested list

B. Ordered list

C. Navigasi

D. Description list

E. PHP

 

19. Sebuah bahasa yang menggunakan markup ataupun penanda yang digunakan untuk membuat halaman web adalah...

A. Codeigniter

B. Phyton

C. Java

D. Framework

E. HTML

 

20. Bahasa khusus yang berfungsi untuk mempercantik atau memperindah tampilan web adalah...

A. CSS

B. Laravel

C. Codeigniter

D. PHP

E. Javascript

 

21. Yang bertugas untuk membuat halam web menjadi lebih hidup serta dapat menentukan fungsi atau efek yang diterapkan pada website adalah...

A. CSS

B. Laravel

C. Codeigniter

D. PHP

E. Javascript

 

22. Standar konsep bahasa markup HTML adalah...

A. SGML

B. W3

C. ECMAN

D. PSR

E. Https

 

23. SGML singkatan dari...

A. Standard Generalized Markup Language

B. Standard Google Markup Language

C. Search Generator Markah Languange

D. Standard Gift Markup List

E. Standard General Markup

 

24. Teks editor untuk menulis HTML diantaranya, kecuali...

A. Notepad++

B. Sublime Text

C. Visual Studio Code

D. Blender

E. Bluefish

 

25. Pada saat membuat halaman homepage, sebaiknya menggunakan nama...

A. homepage.css

B. index.html

C. index.com

D. Google.id

E. html.html

 

26. Hasil tampilan dari kode dibawah ini adalah...

 

A. Hello word

B. Hello

C. Belajar HTML

D. Hello World!

E. Belajar HTML dan Hello world

 

27. Jika membuat file HTML dengan menggunakan spasi maka biasanya pada tampilan URL akan muncul...

A. %20

B. Error

C. 404

D. spasi

E. Tidak ada tampilan

 

28. Pada sintak dibawah ini yang diberi tanda petunjuk, merupakan bagian dari...

 

A. Tag pembuka

B. Tag paragraf

C. Deklarasi type versi HTML

D. Tag untuk membuat judul

E. Bagian body

 

29. HTML memiliki tiga struktur dasar bagian, diantaranya...

A. Ol, Ul dan Li

B. Deklarasi, body dan paragraf

C. Body, head dan penutup

D. Head, tag, dan pembuka

E. Deklarasi, head dan body

 

30. Kode HTML dibawah ini adalah...

 

A. Tag pembuka

B. Tag penutup

C. Bagian head

D. Body

E. Deklarasi

 

31. Tag bagian kepala dari HTML adalah...

A. <body> </body>

B. <head> </head>

C. <br> </br>

D. <ul> </ul>

E. <html> </html>

 

32. Tag <p> berfungsi untuk...

A. Membuat title

B. Membuat judul

C. Membuat list

D. Membuat paragraf

E. Membuat HTML

 

33. Tag yang digunakan untuk membuat komentar pada HTML adalah...

A. //

B. Komentar

C. <!-- -->

D. /*

E. /** */

 

34. Tag untuk membuat heading, kecuali...

A. <h3>

B. <h4>

C. <h5>

D. <h6>

E. <h7>

 

35. Tag yang digunakan untuk membuat huruf menjadi tebal adalah...

A. <p>

B. <b>

C. <br>

D. <hr>

E. <tr>

 

36.  Sintak dibawah ini digunakan untuk membuat...

 

A. Menambah warna latar belakang

B. Membuat huruf tebal

C. Ukuran font

D. Membuat tulisan 

E. Navigasi

 

37. Sintak dibawah ini digunakan untuk membuat...

 

A. Radio button

B. List

C. Tabel

D. Value

E. Pilihan

 

38. Tag yang digunakan untuk membuat dropdown list pada HTML adalah...

A. <drop-down>

B. <textarea>

C. <select>

D. <ul>

E. <li>

 

39. Dalam pembuatan form ada tiga hal yang harus diperhatikan, diantaranya...

A. Method, action dan submit

B. Submit, password dan nama

C. Method, aksi dan password

D. Form, text dan submit

E. Action, submit dan password

 

40. Method dibagi menjadi dua, yaitu...

A. Get dan action

B. Submit dan aksi

C. Method dan get

D. Get dan post

E. Post dan method

 

41. Button khusus untuk mengirimkan data disebut...

A. Action

B. Submit

C. Method

D. Password

E. Text

 

42. Tag <ul> pada pembuatan list berbentuk...

A. Kotak

B. Angka

C. Bulat

D. Simbol

E. Huruf

 

43. Tag yang digunakan untuk membuat navigasi link adalah...

A. <nav>

B. <navbar>

C. <navigation>

D. <head>

E. <?

 

44. Pada atribut properti yang berfungsi untuk menentukan jenis huruf adalah...

A. font-family

B. font size

C. text-align

D. background-color

E. drop-down

 

45. Atribut yang digunakan untuk memberikan nilai pada suatu elemen adalah...

A. Get

B. Post

C. Value

D. Placeholder

E. Img

 

46. Tag yang digunakan untuk membuat kontak alamat adalah...

A. <address>

B. <alamat>

C. <bdi>

D. <img>

E. <source>

 

47. Tag yang digunakan untuk tombol yang dapat di klik adalah...

A. <input>

B. <form>

C. <button>

D. <select>

E. <textarea>

 

48. Tag yang digunakan untuk membuat sebuah label pada elemen <input> adalah...

A. <form>

B. <select>

C. <input>

D. <label>

E. <textarea>

 

49. Tag yang berfungsi untuk membuat daftar pilihan pada drop-down adalah...

A. <option>

B. <label>

C. <input>

D. <form>

E. <select>

 

50. Tag yang berfungsi untuk membuat proses hitungan adalah...

A. <input>

B. <output>

C. <label>

D. <canvas>

E. <keygen>

Posting Komentar untuk "Soal Pemrograman Web HTML Beserta Jawabannya"