Wiki

Pemrograman Web:Contoh Soal: Difference between revisions

← Older edit
Kangtain (talk | contribs)
Bureaucrats, Interface administrators, Suppressors, Administrators
9,154 edits
VisualWikitext
 
(6 intermediate revisions by the same user not shown)
Line 103: Line 103:
*Benar semua
*Benar semua


===== 16. Fungsi sebuah tag <code><nowiki><a href="https://univ.ac.id"> Universitas UNIV </a></nowiki></code> adalah =====
===== 16. Fungsi sebuah tag <code><nowiki><a href="https://univ.ac.id"> Universitas UNIV </a></nowiki></code> adalah<ref>[https://mixartigo.com/apa-fungsi-a-href-pada-kode-html/ mixartigo.com] - Apa Fungsi a href pada kode HTML</ref> =====
*Untuk memberikan teks univ.ac.id pada halaman web
*Untuk memberikan teks univ.ac.id pada halaman web
*Untuk memberikan tulisan pada univ.ac.id
*Untuk memberikan tulisan pada univ.ac.id
*''<nowiki>Untuk memberikan tombol/link menuju ke halaman https://univ.ac.id</nowiki>''
*'''''Untuk memberikan tombol/link menuju ke halaman <nowiki>https://univ.ac.id</nowiki>'''''
*Untuk memberikan penomoran pada tulisan univ.ac.id Network
*Untuk memberikan penomoran pada tulisan univ.ac.id Network


=====17. Jika kita ingin memasukan kode javascript dalam dokumen HTML, tag yang digunakan adalah=====
=====17. Jika kita ingin memasukan kode javascript dalam dokumen HTML, tag yang digunakan adalah<ref name=":0" />=====


*<code><nowiki><head></nowiki></code>
*<code><nowiki><head></nowiki></code>
*<code><nowiki><sc></nowiki></code>
*<code><nowiki><sc></nowiki></code>
*''<code><nowiki><script></nowiki></code>''
*''<code>'''<script>'''</code>''
*<code><nowiki><js></nowiki></code>
*<code><nowiki><js></nowiki></code>
*<code><nowiki><></nowiki></code>
*<code><nowiki><></nowiki></code>


=====18. Perintah di javascript yang berfungsi untuk menampilkan pesan/informasi dalam bentuk POP UP adalah=====
=====18. Perintah di javascript yang berfungsi untuk menampilkan pesan/informasi dalam bentuk POP UP adalah<ref name=":0" />=====
*''<code><nowiki>alert()</nowiki></code>''
*''<code>'''alert()'''</code>''
*<code><nowiki>show()</nowiki></code>
*<code><nowiki>show()</nowiki></code>
*<code><nowiki>write()</nowiki></code>
*<code><nowiki>write()</nowiki></code>
*<code><nowiki>pop_up()</nowiki></code>
*<code><nowiki>pop_up()</nowiki></code>


=====19. HTML merupakan bahasa markup yang pemrosesannya berada di sisi=====
=====19. HTML merupakan bahasa markup yang pemrosesannya berada di sisi<ref name=":2">[https://kelasprogrammer.com/contoh-soal-latihan-html/ kelasprogrammer.com] - Contoh Soal Latihan HTML Beserta Jawabannya</ref>=====
*''client side''
*'''''client side'''''
*server side
*server side
*local side
*local side
*eksternal side
*eksternal side


=====20. Kepanjangan WWW adalah=====
=====20. Kepanjangan WWW adalah<ref>[https://www.jagoanhosting.com/blog/www-adalah/ jagoanhosting.com] - Pengertian WWW (World Wide Web), Sejarah & Fungsinya</ref>=====


*''World Wide Web''
*'''''World Wide Web'''''
*Wide World Web
*Wide World Web
*Wega Windy Wolf
*Wega Windy Wolf
Line 139: Line 139:
=====21. Untuk menerima masukan berupa pilihan yang harus di pilih satu dalam formulir adalah=====
=====21. Untuk menerima masukan berupa pilihan yang harus di pilih satu dalam formulir adalah=====


*''Checkbox''
*''Checkbox -''
*Submit
*Submit
*Radio
*'''''Radio'''''
*Text
*Text
*Button
*Button
Untuk menerima masukan berupa pilihan yang harus dipilih satu dalam formulir yang digunakan adalah <code><input type="radio"></code> atau <code><select></code> dan <code><option></code> di HTML. Elemen <code><input type="radio"></code> akan menampilkan tombol radio yang dapat dipilih oleh pengguna, dan hanya satu dari mereka yang dapat dipilih pada suatu saat. Sedangkan elemen <code><select></code> digunakan untuk membuat daftar pilihan, dan elemen <code><option></code> digunakan untuk menentukan setiap pilihan yang tersedia dalam daftar tersebut. Checkbox digunakan untuk pilihan yang dapat dipilih lebih dari satu.


=====22. Sintak yang benar untuk memasukan gambar adalah=====
=====22. Sintak yang benar untuk memasukan gambar adalah<ref name=":2" />=====


*<code><nowiki><img href=https://kelasprogrammer.com alt=Kelas Programmer></nowiki></code>
*<code><nowiki><img href=https://kelasprogrammer.com alt=Kelas Programmer></nowiki></code>
*''<code><nowiki><img src=kelasprogrammer.png alt=Kelas Programmer></nowiki></code>''
*''<code>'''<img src=kelasprogrammer.png alt=Kelas Programmer>'''</code>''
*<code><nowiki><image src=kelasprogrammer.jpg alt=Kelas Programmer></nowiki></code>
*<code><nowiki><image src=kelasprogrammer.jpg alt=Kelas Programmer></nowiki></code>
*<code><nowiki><img type=kelasprogrammer.gif></nowiki></code>
*<code><nowiki><img type=kelasprogrammer.gif></nowiki></code>


=====23. CSS dapat ditambahkan dalam elemen HTML dengan 3 cara, kecuali=====
=====23. CSS dapat ditambahkan dalam elemen HTML dengan 3 cara, kecuali<ref name=":2" />=====


*Inline
*Inline
*''Outline''
*'''''Outline'''''
*Internal
*Internal
*External
*External


=====24. Untuk menambahkan sintak javascript dalam dokumen HTML pada bagian=====
=====24. Untuk menambahkan sintak javascript dalam dokumen HTML pada bagian<ref name=":0" />=====


*harus di dalam tag <code><nowiki><head></nowiki></code>
*harus di dalam tag <code><nowiki><head></nowiki></code>
*harus di dalam tag <code><nowiki><body></nowiki></code>
*harus di dalam tag <code><nowiki><body></nowiki></code>
*''Bisa di dalam tag <code><head></code> maupun <code><nowiki><body></nowiki></code>''
*'''''Bisa di dalam tag <code><head></code> maupun <code><nowiki><body></nowiki></code>'''''
*Tidak bisa keduanya
*Tidak bisa keduanya
=====25. Penulisan kode program dalam javascript bersifat case sensitive! Pernyataan ini bernilai=====
=====25. Penulisan kode program dalam javascript bersifat case sensitive! Pernyataan ini bernilai<ref name=":0" />=====


*''Benar''
*'''''Benar'''''
*Salah
*Salah


=====26. Aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam yang bertujuan untuk mengatur gaya=====
=====26. Aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam yang bertujuan untuk mengatur gaya<ref>[https://soal--pemrogramanweb--rizkyana.blogspot.com/2016/04/soal-pemrograman-web.html blogspot.com] - Soal Pemrograman Web</ref>=====


*HTML
*HTML
*''CSS''
*'''''CSS'''''
*Javacript
*Javacript
*PHP
*PHP
*XML
*XML


=====27. Berikut ini perintah untuk berpindah baris pada HTML adalah=====
=====27. Berikut ini perintah untuk berpindah baris pada HTML adalah<ref>[https://suckittrees.com/artikel-349/cara-pindah-baris-dan-spasi-di-dokument-html.html suckittrees.com] - Cara Pindah Baris dan Spasi di Dokumen HTML</ref>=====


*''<code><nowiki>br</nowiki></code>''
*''<code>'''br'''</code>''
*<code><nowiki>tr</nowiki></code>
*<code><nowiki>tr</nowiki></code>
*<code><nowiki>td</nowiki></code>
*<code><nowiki>td</nowiki></code>
Line 186: Line 187:
*<code><nowiki>hr</nowiki></code>
*<code><nowiki>hr</nowiki></code>


=====28. Untuk mendefinisikan judul kita perlu menggunakan tag=====
=====28. Untuk mendefinisikan judul kita perlu menggunakan tag<ref>[https://brainly.co.id/tugas/52395773 brainly.co.id] - Untuk mendefinisikan judul pada web, kita perlu menggunakan tag</ref>=====


*''<code><nowiki><head></nowiki></code>''
*''<code>'''<head>'''</code>''
*<code><nowiki><></nowiki></code>
*<code><nowiki><></nowiki></code>
*<code><nowiki><title></nowiki></code>
*<code><nowiki><title></nowiki></code>
Line 194: Line 195:
*<code><nowiki><body></nowiki></code>
*<code><nowiki><body></nowiki></code>


=====29. membuat komentar di javascript=====
=====29. Membuat komentar di javascript<ref>[https://kodealgo.com/javascript/komentar/ kodealgo.com] - Cara Membuat Komentar Single dan Multi Line di JavaScript</ref>=====


*<code><nowiki><!-- ini komentar --></nowiki></code>
*<code><nowiki><!-- ini komentar --></nowiki></code>
*<code><nowiki>*ini komentar*</nowiki></code>
*<code><nowiki>*ini komentar*</nowiki></code>
*''<code><nowiki>//ini komentar</nowiki></code>''
*''<code>'''//ini komentar'''</code>''
*<code>! ini komentar !</code>
*<code>! ini komentar !</code>
=====30. Type yang berfungsi untuk menerima masukan berupa teks dari penguna dalam formulir adalah=====
=====30. Type yang berfungsi untuk menerima masukan berupa teks dari penguna dalam formulir adalah<ref>[https://docplayer.info/30904018-4-type-yang-berfungsi-untuk-menerima-masukan-berupa-teks-dari-pengguna-adalah-a-checkbox-b-submit-c-file-d-text-e.html docplayer.info] - Type yang berfungsi untuk menerima masukan berupa teks dari pengguna</ref>=====


*Submit
*Submit
Line 206: Line 207:
*Radio
*Radio
*Password
*Password
*''Text''
*'''''Text'''''


=====31. Untuk membuat tabel biasanya menggunakan tag=====
=====31. Untuk membuat tabel biasanya menggunakan tag<ref>[https://lmsspada.kemdikbud.go.id/mod/page/view.php?id=57747 kemdikbud.go.id] - Tag untuk Membuat Tabel di HTML</ref>=====


*''<code><nowiki><table></nowiki></code>''
*''<code>'''<nowiki><table></nowiki>'''</code>''
*<code><nowiki><html></nowiki></code>
*<code><nowiki><html></nowiki></code>
*<code><nowiki><head></nowiki></code>
*<code><nowiki><head></nowiki></code>
*<code><nowiki><small></nowiki></code>
*<code><nowiki><small></nowiki></code>
*<code><nowiki><title></nowiki></code>
*<code><nowiki><title></nowiki></code>
Ada beberapa tag yang harus diingat untuk membuat tabel di HTML:


=====32. Berikut cara membuat variabel yang benar di javascript=====
# Tag <code><nowiki><table></nowiki></code> untuk membungkus tabelnya
# Tag <code><thead></code> untuk membungkus bagian kepala tabel
# Tag <code><tbody></code> untuk membungkus bagian body dari tabel
# Tag <code><nowiki><tr></nowiki></code> (tabel row) untuk membuat baris
# Tag <code><nowiki><td></nowiki></code> (table data) untuk membuat sel
# Tag <code><nowiki><th></nowiki></code> (table head) untuk membuat judul pada header
 
=====32. Berikut cara membuat variabel yang benar di javascript<ref>[https://lmsspada.kemdikbud.go.id/mod/page/view.php?id=57753 kemdikbud.go.id] - Cara Membuat Variabel di Javascript</ref>=====


*<code><nowiki>declare nama_variabel;</nowiki></code>
*<code><nowiki>declare nama_variabel;</nowiki></code>
*<code><nowiki>variable nama_variabel;</nowiki></code>
*<code><nowiki>variable nama_variabel;</nowiki></code>
*<code>''var nama_variabel;''</code>
*<code>'''''var nama_variabel;'''''</code>
*<code><nowiki>nama_variabel;</nowiki></code>
*<code><nowiki>nama_variabel;</nowiki></code>
Cara membuat variabel yang umum digunakan di javascript adalah menggunakan kata kunci <code>var</code> lalu diikuti dengan nama variabel dan nilainya.
Contoh:<syntaxhighlight lang="javascript">
var title = "Belajar Pemrograman Javascript";
</syntaxhighlight>Pada contoh di atas, kita membuat variabel bernama <code>title</code> dengan nilai berupa teks ''(string)'': <code>"Belajar Pemrograman Javascript"</code>.


===== 33. Format penulisan sintaks CSS yang benar adalah =====
===== 33. Format penulisan sintaks CSS yang benar adalah<ref>[https://quizizz.com/admin/quiz/5e1dc1687e6e8a001b31c793/uas-webpro quizizz.com] - UAS WebPro</ref> =====


*''Kode berikut''<syntaxhighlight lang="css">
*'''''Kode berikut'''''<syntaxhighlight lang="css">
Selector {
Selector {
    Property: value;
    Property: value;
Line 255: Line 269:
</syntaxhighlight>
</syntaxhighlight>


==== 34. Berikut sintak yang benar untuk menulis kalimat Hallo JavaScript ====
==== 34. Berikut sintak yang benar untuk menulis kalimat Hallo JavaScript<ref name=":0" /> ====


* <code>document.line("Hallo Javascript")</code>
* <code>document.line("Hallo Javascript")</code>
* <code>document.show("Hallo Javascript")</code>
* <code>document.show("Hallo Javascript")</code>
* <code>document.alert("Hallo Javascript")</code>
* <code>document.alert("Hallo Javascript")</code>
* ''<code>document.write("Hallo Javascript")</code>''
* ''<code>'''document.write("Hallo Javascript")'''</code>''


==== 35. Untuk membuat checkbox menggunakan sintak ====
==== 35. Untuk membuat checkbox menggunakan sintak<ref>[https://kelasprogrammer.com/membuat-checkbox-html/ kelasprogrammer.com] - Belajar Membuat Checkbox di HTML</ref> ====


* <code><checkbox></code>
* <code><checkbox></code>
* <code>''<input type=checkbox>''</code>  
* <code>'''''<input type=checkbox>'''''</code>
* <code><input type=check></code>
* <code><input type=check></code>
* <code><input type=check_box></code>
* <code><input type=check_box></code>


==== 36. Berikut ini yang BUKAN termasuk tag untuk membuat heading adalah ====
==== 36. Berikut ini yang BUKAN termasuk tag untuk membuat heading adalah<ref name=":2" /> ====


* <code><nowiki><h4></nowiki></code>
* <code><nowiki><h4></nowiki></code>
* <code><nowiki><h5></nowiki></code>
* <code><nowiki><h5></nowiki></code>
* <code><nowiki><h6></nowiki></code>
* <code><nowiki><h6></nowiki></code>
* <code>''<h7>''</code> 
* <code>'''''<h7>'''''</code> 
* Semua Benar
* Semua Benar


==== 37. Perintah yang berfungsi untuk menggabungkan beberapa kolom dalam tabel menjadi satu ====
==== 37. Perintah yang berfungsi untuk menggabungkan beberapa kolom dalam tabel menjadi satu<ref>[https://brainly.co.id/tugas/40397425 brainly.co.id] - Perintah manakah yang dapat menggabungkan beberapa kolom menjadi satu</ref> ====


* BR
* BR
Line 283: Line 297:
* Col>
* Col>
* Row>
* Row>
* ''Semua Salah''
* '''''Semua Salah'''''
Tidak, <code>col</code> dan "colspan" adalah atribut HTML yang berbeda dalam tabel.
 
Atribut <code>col</code> digunakan untuk menentukan properti kolom spesifik dalam tabel HTML.


===== 38. Perintah Unordered list agar dapat menampilkan list bulet titik adalah =====
Sementara itu, atribut <code>colspan</code> digunakan untuk menentukan berapa banyak kolom yang harus ditempati oleh sel tabel. Ini membuat sel membentang dari satu kolom ke beberapa kolom lain.
 
===== 38. Perintah Unordered list agar dapat menampilkan list bulet titik adalah<ref>[https://rikoadis.blogspot.com/2016/04/soal-dan-jawaban-pemrograman-web.html blogspot.com] - SOAL DAN JAWABAN PEMROGRAMAN WEB</ref><ref>[https://brainly.co.id/tugas/44776577 brainly.co.id] - Perintah Unordered list agar dapat menampilkan list bulet titik adalah</ref> =====


* Circle
* Circle
* ''Disc''
* '''''Disc'''''
* Textbox
* Textbox
* Donuts
* Donuts
* Ovals
* Ovals


==== 39. Bahasa Pemrograman yang biasa digunakan untuk membuat halaman web adalah ====
==== 39. Bahasa Pemrograman yang biasa digunakan untuk membuat halaman web adalah<ref>[https://quizizz.com/admin/quiz/5df6fd5fdef72a001e72abb9/pemrograman-web quizizz.com] - Pemrograman Web</ref> ====


* ''HTML''
* '''''HTML'''''
* Web
* Web
* Program
* Program
Line 301: Line 320:
* WWW
* WWW


==== 40. Berikut adalah jenis-jenis operator di javascript, KECUALI ====
==== 40. Berikut adalah jenis-jenis operator di javascript, KECUALI<ref name=":0" /> ====


* Aritmatika
* Aritmatika
* pembanding
* pembanding
* Logika
* Logika
* ''perulangan''
* '''''Perulangan'''''
* pemberian nilai
* Pemberian nilai


==== 41. Untuk membuat drop-down list, menggunakan tag ====
==== 41. Untuk membuat drop-down list, menggunakan tag<ref>[https://www.freecodecamp.org/indonesian/news/tag-select-html-cara-membuat-menu-dropdown-atau-daftar-combo/ freecodecamp.org] - Tag Select HTML – Cara Membuat Menu Dropdown atau Daftar Kombo</ref> ====


* <code><drop-up></code>
* <code><drop-up></code>
Line 323: Line 342:
* Web Designer
* Web Designer
* Web Administrator
* Web Administrator
* ''Web Browser''
* '''''Web Browser'''''


==== 43. Stuktur dasar untuk membuat tabel pada HTML adalah ====
==== 43. Stuktur dasar untuk membuat tabel pada HTML adalah ====
Line 420: Line 439:
* ''Untuk memberikan tombol/link menuju ke halaman <nowiki>https://univ.ac.id</nowiki>''
* ''Untuk memberikan tombol/link menuju ke halaman <nowiki>https://univ.ac.id</nowiki>''
* Untuk memberikan penomoran pada tulisan univ.ac.id Network
* Untuk memberikan penomoran pada tulisan univ.ac.id Network
== Source ==
Retrieved from "https://kangtain.com/wiki/index.php/Pemrograman_Web:Contoh_Soal"