Soal css pilihan ganda beserta jawabannya

Question

1.Dibawah ini merupakan tag utama dari html, kecuali :

A.Htm <html> </html>(A)

B.Break line <br>

C.Paragraf <p> </p>

D.Horizontal line <hr>

2.Di dalam sebuah tabel, setiap kolom di bentuk dengan tag

A.<td></td>(A)

B.<tr></tr>

C.<tb></tb

D.<th></th>

3.Di dalam sebuah tabel, setiap baris di bentuk dengan tag

A.<td></td>

B.<tr></tr>(B)

C.<tb></tb

D.<th></th>

4.Tag HTML yang digunakan untuk memisahkan teks menjadi baris baru

adalah

A.<hr>

B.<teks>

C.<break>

D.<br>(D)

5.Untuk membuat teks menjadi seperti angka 2 pada X2 dalam HTML digunakan perintah

A.X<superscript>2</superscript>

B.X<subscript>2</subscript>

C.<superscript>X2</superscript>(C)

D.X<sub>2</sub>

6.CSS merupakan singkatan dari

A.Cascading Sheet Style

B.Cascading Style Sheet(B)

C.Conversion Sheet Style

D.Conversion Style Sheet

7.Apa HTML benar untuk memanggil ke style sheet eksternal?

A.<style src="mystyle.css">

B.<stylesheet>mystyle.css</stylesheet>

C.<link rel="stylesheet" type="text/css" href="mystyle.css">(C)

D.<stylesheet>mystyle.css</stylesheet>

8.Dimana dalam sebuah dokumen HTML tempat yang tepat untuk memanggil ke style sheet eksternal?

A.diakhir dokumen

B.didalam bagian / tag <body>

C.didalam bagian / tag <Head>(C)

D.dibagian atas dokumen

9.Tag HTML yang digunakan untuk mendefinisikan style sheet internal?

A.<style>(A)

B.<script>

C.<css>

D.semua jawaban benar

10.Bagaimana cara menuliskan komentar pada Css?

A.// ini komentar //

B./* ini komentar */(B)

C.// ini komentar

D.<“ini komentar”>

11.Properti yang digunakan untuk mengubah warna latar belakang?

A.color:

B.bgcolor:

C.background-color:(C)

D.background-color-style

12.Tahun berapakah javascript pertama kali diperkenalkan oleh netscape ?

A.1945

B.1995(B)

C.2005

D.1985

13.Untuk menuliskan komentar dalam satu baris didalam javascript kita menggunakan ?

A.//komentar //(A)

B.//komentar */

C./* komenta

D.\\ komentar \\

14. Script dari javasscript dapat di tempatkan pada :

A.Body, Header, Title

B.Header, Title, Html

C.Title, Body, External Fil

D.Body, Header, External File(D)

15.Untuk menuliskan komentar lebih dari satu baris didalam javascript kita

Menggunakan?

A.//komentar //

B.//komentar */

C./*komentar*/(C)

D.\\ komentar \\

16.Kepanjangan dari CGI adalah

A.Common Gateway Interface(A)

B.Common Gate Internal

C.Control Grafik Interface

D.Contro Get Interface

17.Manakah pernyataan yang benar

A.CGI sebagai bentuk bahasa pemrograman

B.Perl sebagai Mekanis

C.CGI dan Perl adalah bahasa pemrograman

D.CGI sebagai mekanis dan Perl sebagai bahasa pemrograman(D)

18.Perl pada awalnya dikembangkan sebagai tujuan umum Unix bahasa scripting untuk membuat pengolahan laporan lebih mudah Oleh

A.Larry Wall (1987)(A)

B.William Walace (1978)

C.Bill Jone (1992)

D.Semua jawaban salah

19.sebuah standar yang mendefinisikan bagaimana web server perangkat lunak dapat mendelegasikan generasi dari halaman web ke berbasis teks aplikasi adalah

A.Perl dan CGI

B.CGI(B)

C.Perl

D.semua jawaban salah

20.Manakah yang merupakan servert spesicic variable pada CGI dibwah ini yang benar

A.SERVER_PROTOCOL

B.GATEWAY_INTERFACE(B)

C.REQUEST_METHOD

D.PATH_INFO

Untuk jawaban B itu tidak termasuk yang benar karena untuk membuat suatu halaman website interaktif bukan cuma menggunakan CSS terkadang kita perlu menggunakan JS.

Dan kebetulan di soal di nyatakan semua benar kecuali. Karena ada kata kecuali maka yang kita cari adalah jawaban yang dianggap tidak benar

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.

kode css