Pilih elemen html yang benar untuk mendefinisikan teks penting

Question

HTML element tag (emphasized) merupakan salah satu tag pada HTML yang digunakan untuk memberikan penekanan pada suatu teks atau konten. HTML element tag ini biasanya digunakan untuk mengindikasikan bahwa teks pada elemen tersebut mendapatkan penekanan kata yang lebih besar dari pada konten di sekitarnya. HTML element tag ini memiliki gaya tampilan italic atau garis miring untuk membedakan teks tersebut terhadap teks di sekitarnya.

Table of Contents Show

Contoh Soal Latihan HTML Pilihan Ganda
Contoh Soal Latihan HTML Essay
Tag HTML dimulai dengan kode apa?
Apa guna dari dalam HTML?
Apa elemen HTML yang benar untuk menyisipkan baris atau line break?
Apakah elemen sebaris biasanya ditampilkan tanpa memulai baris baru?

Penulisan tag ini diawali dengan dan diakhiri dengan . Secara struktural pada HTML, element tag diciptakan untuk menekankan suatu kata. Hal ini dimaksudkan agar mesin pencari ataupun screen reader dengan mudah mencari kata penting suatu halaman HTML.

Anda tidak seharusnya menyamakan tag dengan tag , walaupun dari sisi gaya memiliki tampilan yang sama namun dari struktur penggunaanya berbeda. Hal yang membedakannya adalah jika tag digunakan sebagai penekanan pada konten, namun memiliki kecenderungan pada segi tampilan berupa huruf yang memiliki penampakan miring.

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.

Tag HTML dimulai dengan kode apa?

Secara umum penulisan tag pada html itu berpasang- pasangan dimulai dengan <tag_pembuka> Isi dari konten </tag_penutup> , Jadi yang dimaksud dengan pengertian elemen pada HTML adalah satu blok code yang dimulai dari tag pembuka hingga tag penutup, namun ada juga tag yang dalam penulisannya berdiri sendiri seperti < ...

Apa guna dari dalam HTML?

Tikkan   untuk menambahkan spasi di tempat yang Anda inginkan. Hasil kode ini dikenal sebagai non-breaking space atau spasi tetap karena mencegah pemisahan baris pada lokasi penempatan kode.

Apa elemen HTML yang benar untuk menyisipkan baris atau line break?

Elemen <br> (line break) merupakan elemen HTML yang berfungsi untuk menyisipkan baris kosong (line break) di dalam induk elemen seperti paragraf tanpa harus keluar dari elemen tersebut.