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 kumpulansoal77 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.
Mari di simak dan di baca dengan teliti untuk mempelajari soal-soal berikut. Karena soal ini dirancang dan dibuat untuk anda yang sedang mempelajari Pemrograman Web, khususnya tentang HTML untuk membuat suatu program atau aplikasi berbasis website. Baca juga Contoh Soal Latihan Pemrograman Dasar Beserta Jawabannya
CONTOH SOAL LATIHAN PEMROGRAMAN WEB HTML PILIHAN GANDA DAN JAWABANNYA
1. Proses langkah pembuatan aplikasi berbasis web yang dilalui dengan tahap teknologi jaringan, internet dan bahasa pemrograman adalah...
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...
4. Tag HTML yang memiliki peran penting untuk menunjukan bagian halaman web adalah...
5. Tag yang digunakan untuk membuat table pada HTML adalah...
6. Tag yang digunakan pada HTML untuk mengenter atau baris baru adalah...
7. Tag HTML yang berfungsi untuk membuat judul pada halaman adalah...
8. Tabel tag <tr> pada HTML saat membuat tabel berfungsi untuk...
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...
List diatas termasuk kedalam list bagian...
12. Tag pembuka item untuk list adalah...
13. Tag penutup ordered list adalah...
14. Tag untuk membuat unordered list adalah...
15. Tag untuk membuat dan penutup description list adalah...
16. Tag yang dipakai untuk membuat kata pada descripion list adalah...
Adalah sebuah minuman yang berasal dari daun teh yang menjadi menu minuman favorit.
Adalah kopi yang dicampuri dengan gula aren, sekarang menjadi minuman favorit dikalangan anak muda.
List diatas termasuk kedalam bagian...
18. List yang dibuat di dalam list adalah...
19. Sebuah bahasa yang menggunakan markup ataupun penanda yang digunakan untuk membuat halaman web adalah...
20. Bahasa khusus yang berfungsi untuk mempercantik atau memperindah tampilan web adalah...
21. Yang bertugas untuk membuat halam web menjadi lebih hidup serta dapat menentukan fungsi atau efek yang diterapkan pada website adalah...
22. Standar konsep bahasa markup HTML adalah...
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...
25. Pada saat membuat halaman homepage, sebaiknya menggunakan nama...
26. Hasil tampilan dari kode dibawah ini adalah...
E. Belajar HTML dan Hello world
27. Jika membuat file HTML dengan menggunakan spasi maka biasanya pada tampilan URL akan muncul...
28. Pada sintak dibawah ini yang diberi tanda petunjuk, merupakan bagian dari...
C. Deklarasi type versi HTML
D. Tag untuk membuat judul
29. HTML memiliki tiga struktur dasar bagian, diantaranya...
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...
31. Tag bagian kepala dari HTML adalah...
32. Tag <p> berfungsi untuk...
33. Tag yang digunakan untuk membuat komentar pada HTML adalah...
34. Tag untuk membuat heading, kecuali...
35. Tag yang digunakan untuk membuat huruf menjadi tebal adalah...
36. Sintak dibawah ini digunakan untuk membuat...
A. Menambah warna latar belakang
37. Sintak dibawah ini digunakan untuk membuat...
38. Tag yang digunakan untuk membuat dropdown list pada HTML adalah...
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
E. Action, submit dan password
40. Method dibagi menjadi dua, yaitu...
41. Button khusus untuk mengirimkan data disebut...
42. Tag <ul> pada pembuatan list berbentuk...
43. Tag yang digunakan untuk membuat navigasi link adalah...
44. Pada atribut properti yang berfungsi untuk menentukan jenis huruf adalah...
45. Atribut yang digunakan untuk memberikan nilai pada suatu elemen adalah...
46. Tag yang digunakan untuk membuat kontak alamat adalah...
47. Tag yang digunakan untuk tombol yang dapat di klik adalah...
48. Tag yang digunakan untuk membuat sebuah label pada elemen <input> adalah...
49. Tag yang berfungsi untuk membuat daftar pilihan pada drop-down adalah...
50. Tag yang berfungsi untuk membuat proses hitungan adalah...
KESIMPULAN
Pada artikel kali ini kumpulansoal77 membagikan 50 soal pilihan ganda beserta jawabannya tentang materi Pemrograman Web HTML, untuk lebih memahami apa itu bahasa markup HTML maka dibuatkan lah soal latihan ini untuk menambah kemahiran anda dalam membangun program atau aplikasi berbasis website.
Page 2
Beranda / Contact
Heading HTML adalah elemen yang digunakan untuk membuat judul dan subjudul di dalam halaman web. Heading dalam HTML memiliki 6 level tingkatan yang dapat ditulis menggunakan tag <h1>, <h2>, <h3>, <h4>, <h5> dan <h6> dimana h1 memiliki ukuran yang terbesar dan h6 memiliki ukuran yang paling kecil. Meskipun bukan termasuk dalam struktur dasar pada HTML, heading adalah salah satu elemen yang sering digunakan pada HTML.
Heading berbeda dengan elemen <head> pada HTML yang sudah kita pelajari sebelumnya. Heading tampil pada halaman web sedangkan tag head berisi informasi yang tidak ditampilkan di halaman web. Heading juga berbeda dengan tag title dimana tag title adalah judul halaman yang tampil di title bar pada web browser sedangkan heading tampil di dalam halaman web.
Cara membuat Heading di HTML
Heading termasuk ke dalam elemen normal sehingga penulisannya tersusun dari tag pembuka misalnya <h1> dan diakhiri dengan tag penutup misalnya </h1>. Tag untuk membuat heading terdiri dari 6 level yaitu tag <h1>, <h2>, <h3>, <h4>, <h5> dan<h6>. Untuk lebih jelasnya berikut ini contoh kode HTML heading yang bisa anda coba:
<!DOCTYPE html> <html> <head> <title>Contoh Heading</title> </head> <body> <h1>Ini adalah Heading 1</h1> <h2>Ini adalah Heading 2</h2> <h3>Ini adalah Heading 3</h3> <h4>Ini adalah Heading 4</h4> <h5>Ini adalah Heading 5</h5> <h6>Ini adalah Heading 6</h6> </body> </html>
Hasil tampilan pada browser:
Penjelasan:
Tag <h1>
Tag h1 adalah tag heading pada HTML yang memiliki ukuran huruf terbesar. Ukuran font pada h1 secara default adalah 2em atau 2 kali ukuran font yang sedang digunakan di halaman tersebut. Fungsi penggunaan h1 umumnya digunakan sebagai judul utama di dalam halaman dan hanya 1 kali muncul dalam suatu halaman web.
Tag <h2>
Tag h2 lebih kecil dari tag h1 dengan ukuran default adalah 1.5em atau 1.5 kali ukuran font yang sedang digunakan pada halaman itu. Penggunaan h2 biasa digunakan untuk membuat subheading/subjudul dan dapat muncul beberapa kali dalam halaman web.
Tag <h3>
Tag h3 memiliki ukuran yang lebih kecil dari h2 yaitu 1.17em atau 1.17 kali ukutan font yang sedang digunakan. Penggunaanya juga biasanya sebagai subjudul. Simak juga cara menambahkan gambar di html.
Tag <h4>
Tag h4 memiliki ukuran yang lebih kecil dari h3 yaitu 1.33em atau 1.33 kali ukuran font yang digunakan sekarang. Sama dengan h2 hingga h3, penggunaan h4 juga sebagai subjudul.
Tag <h5>
Tag h5 lebih kecil dari h4 yaitu .83em atau 0.83 kali ukuran font yang digunakan sekarang. Artinya, secara default ukuran tag h5 akan lebih kecil dari font yang digunakan sekarang.
Tag <h6>
Tag h6 adalah heading yang memiliki ukuran paling kecil yaitu .67em atau 0.67 kali ukuran font yang sedang digunakan. Ini juga lebih kecil dari font yang digunakan pada halaman. Lihat juga struktur dasar html.
Seperti pada penjelasan di atas, tag h1 biasa digunakan sebagai heading utama yang muncul 1 kali dalam sebuah halaman. Sedangkan h2 hingga h6 biasa digunakan sebagai subjudul.
Berikut ini contoh penggunaannya:
<!DOCTYPE html> <html> <head> <title>Cara Membuat Website</title> </head> <body> <h1>Cara Membuat Website</h1> Untuk membuat website anda dapat menggunakan blogspot, wordpress atau html sendiri. <h2>Cara Membuat Website dengan Blogspot</h2> Berikut ini cara membuatnya. Buat akun blogspot lalu buat blog dan isi artikelnya. <h2>Cara Membuat Website dengan WordPress</h2> Caranya adalah hampir sama dengan blogspot namun anda harus daftar di wordpress. Lalu buat blog dan isi artikelnya. <h2>Cara Membuat Website dengan HTML Sendiri</h2> Cara membuatnya lebih rumit. Anda harus menguasai HTML terlebih dahulu. Lalu buat sesuai keinginan anda. </body> </html>
Hasil tampilan di internet browser:
Penjelasan: Contoh kode di atas adalah penerapan h1 sebagai judul utamanya yaitu Cara Membuat Website. Lalu terdapat 3 elemen h2 sebagai subjudul.
Pelajari juga materi lainnya: cara membuat tabel di html.
Heading juga sangat berguna untuk SEO (Search Engine Optimization). Bagaimana pentingnya?
Heading dan SEO
Mungkin anda sudah pernah mendengar SEO. Kata ini sempat menjadi tren dan jika kita adalah seorang pegiat IT tentu pernah mendengarnya. Penjelasan singkatnya, SEO merupakan metode untuk menaikkan ranking halaman web kita di Search Engine seperti Google, Bing dan lainnya.
Heading menjadi salah satu dari banyak faktor yang digunakan search engine untuk meranking website. Heading h1 adalah yang terpenting dalam website. Sebisa mungkin kita harus memasukkan kata kunci yang ingin kita ranking ke dalam judul dengan tag h1. Karena, search engine saat ini masih menjadikan elemen heading utamanya h1 sebagai faktor ranking website. Lihat juga cara membuat list di html.
Selain itu, membuat halaman web yang terstruktur dengan heading yang benar akan membantu anda mendapatkan ranking yang baik di search engine. Hal ini akan kita bahas lengkap di artikel lain pada kategori SEO.
Jika anda memiliki pertanyaan tentang materi belajar HTML dasar kali ini yaitu tentang heading, silahkan kirimkan pertanyaan tersebut pada kolom komentar. Atau, jika ada kesalahan pada materi ini, silahkan kirim juga di kolom komentar.
Web developer yang juga suka dengan dunia sysadmin. Pernah belajar Teknik Informatika di Indonesia.