search

Cara menggunakan soal pemrograman web html

1 years ago
Komentar: 0
Dibaca: 23
HTML (Hypertext Markup Language) adalah bahasa pengkodean yang digunakan untuk mengembangkan situs web yang ideal. Saat ini HTML masih menjadi pondasi dasar dalam mengelola sebuah situs sehingga penguasaannya menjadi suatu keharusan di era digital saat ini. Oleh karena itu, berikut ini telah disiapkan beberapa soal latihan dan pembahasan implementasi HTML sehingga diharapkan dapat menjadi bahan pelatihan untuk memperkuat penguasaannya. Soal sudah disusun sedemikian rupa dari yang sederhana sampai yang kompleks sesuai dengan nomor urutnya. Ada baiknya pembaca mempelajari teori terlebih dahulu agar dapat menyelesaikan soal dengan performa yang lebih baik.  

Pertanyaan Nomor 1

Lihatlah skrip kode berikut

Show
<html>
    <body>
    Semoga dunia lekas pulih!
    </body>  
</html>

Agar teks yang ditampilkan berwarna merah, perubahan yang tepat pada skrip kode di atas adalah $\cdots \cdot$

  1. baris ke-2 diubah menjadi
  2. baris ke-4 diubah menjadi
  3. baris ke-2 diubah menjadi
  4. baris ke-4 diubah menjadi
  5. baris ke-2 diubah menjadi

Diskusi

Atribut HTML yang digunakan untuk mengubah warna teks menjadi merah adalah text . Karena teks yang diinginkan berwarna merah, maka nilai teks adalah “merah” . Atribut dan nilai diletakkan di tag pembuka . Nah, script kode yang diubah ada di baris ke-2, yaitu menjadi .

  1. Pilihan B salah karena atribut dan nilai diletakkan di tag penutup body .
  2. Opsi C salah karena atribut bgcolor mengubah warna latar belakang tampilan, bukan warna teks.
  3. Opsi D mengikuti kesalahan pada opsi B dan C
  4. Opsi E salah karena teks yang ditampilkan berwarna biru, bukan merah

(Jawaban A)

[runtuh]

Pertanyaan Nomor 2

Seorang evaluator diminta membuat tampilan sederhana di browser menggunakan HTML. Ketentuannya adalah sebagai berikut

  1. Judul yang ditampilkan di jendela browser adalah "Buku Harianku"
  2. Menulis di bagian tubuh bebas, asalkan mengandung kata "liburan". Teks harus hitam.
  3. Warna background pada tampilan di browser adalah abu-abu

Skrip kode yang paling sesuai dengan ketentuan di atas adalah $\cdots \cdot$

<html>
    <head>
       <title>My Diary</title>
    </head>
   <body bgcolor = "gray">
       Keluargaku membatalkan liburan karena tiket pesawat terjual habis.
    </body>  
</html
<html>
    <head>
       <title>My Diary</title>
    </head>
   <body bgcolor = "gray">
       Aku berlibur di rumah nenek untuk merayakan tahun baru.
    </body>  
</html>
<html>
    <head>
       <title>Buku Harian Saya</title>
    </head>
   <body bgcolor = "gray">
       Aku berlibur di rumah nenek untuk merayakan tahun baru.
    </body>  
</html>
<html>
    <head>
       <title>My Diary</title>
    </head>
   <body background = "gray">
       Aku berlibur di Kota Taipei, Taiwan.
    </body>  
</html>
<html>
    <head>
       <title>My Diary</title>
    </head>
   <body text = "red" bgcolor = "gray">
       Aku berlibur di rumah nenek untuk merayakan tahun baru.
    </body>  
</html>

Diskusi

Untuk membuat judul pada browser terlihat seperti ini, gunakan elemen </span> yang diperlakukan oleh elemen <span><head></span> . Teks pada <span>body</span> memperhatikan ketentuan nomor 2 dan secara default teks sudah berwarna hitam. Untuk mengubah warna background pada tampilan browser menjadi abu-abu, gunakan atribut <span>bgcolor</span> dengan nilai <span>“gray”< /a ></span> yang ditempatkan di dalam tag pembuka <span><body></span> . Opsi B memenuhi semua persyaratan. <span><br></span></span></p><p><br><br></p><ol><li><span><span>Pilihan A salah karena tidak ada kata libur sehingga melanggar ketentuan nomor 2</span></span></li><li><span>Pilihan C salah karena judul yang ditampilkan adalah “Buku Harianku” sehingga melanggar ketentuan nomor 1</span></li><li><span><span>Pilihan D salah karena atribut <span>background</span> digunakan untuk mengubah background tampilan berupa gambar, bukan untuk mengubah warna latar belakang. </span></span></li><li><span><span>Opsi E salah karena teks yang ditampilkan akan berwarna merah, bukan hitam</span></span></li></ol><p><span>(Jawaban B)</span></p><p>[runtuh]</p><h2 id="pertanyaan-nomor-3">Pertanyaan Nomor 3</h2><p><span>Lihatlah skrip kode berikut</span></p><pre><html> <head> <title>Catatan Matematika</title> </head> <body bgcolor = "silver"> <b>Paul Dirac</b> quoted that God used beautiful <u>mathematics</u> in creating the <i>world</i>. </body> </html></pre>_<p><span>Pernyataan berikut yang tidak sesuai dengan output dari skrip kode di atas adalah $\cdots \cdot$</span></p><ol><li><span>Latar belakang tampilan akan berwarna perak</span></li><li><span>Judul yang muncul di jendela browser adalah Catatan Matematika</span></li><li><span>Teks "Paul Dirac" akan dicetak tebal</span></li><li><span>Teks "matematika" akan digarisbawahi</span></li><li><span>Teks "dunia" akan dicetak tebal dan miring</span></li></ol><p><p>Diskusi</p><p><p><span>Elemen <span><title></span> menampilkan judul pada jendela browser yaitu Catatan Matematika. Di dalam tag pembuka <span><body></span> terdapat atribut <span> bgcolor</span> dengan value < /a> <span>“silver”</span> yang akan membuat background terlihat silver. Elemen <span><span><b></span> , <span> </span></span> , dan <span> </span> digunakan berturut-turut untuk membuat teks yang diperlakukan tebal, bergaris bawah, dan miring. <span><br></span></span></p><ol><li><span><span>Opsi E salah karena teks <span>“dunia”</span> harus dicetak miring hanya karena hanya diapit oleh elemen <span> < i></span> . Jika pengguna ingin menampilkan teks tebal dan miring, gunakan dua elemen <span><i><b></span> secara berurutan. Misalnya. <span><i><b>world</b></i></span> . </span></span></li></ol><p><span>(Jawaban E)</span></p><div style="width:100%; margin:10px auto; display:block"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></p><p>[runtuh]</p><h2 id="pertanyaan-nomor-4">Pertanyaan Nomor 4</h2><p><span><span>Skrip kode HTML yang benar untuk menampilkan berikut ini adalah $\cdots \cdot$<br><div class="imgBox"><img alt="Cara menggunakan soal pemrograman web html" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/cara-menggunakan-soal-pemrograman-web-html---aHR0cHM6Ly9pMC53cC5jb20vbWF0aGN5YmVyMTk5Ny5jb20vd3AtY29udGVudC91cGxvYWRzLzIwMjEvMTIvaHRtbDEtZTE2NDAxNjM2MDkzNTAtNDUweDEzOC5wbmc=.webp" ></div></span></span></p><p></p><pre><html> <head> <title>Catatan Matematika</title> </head> <body text="blue"> Nilai dari 2<sup>3</sup> sama dengan 8. <br> Nilai dari 3<sup>3</sup> sama dengan 27. <br> Nilai dari 4<sup>3</sup> sama dengan 64. </body> </html></pre><pre><html> <head> <title>Catatan Matematika</title> </head> <body text="blue"> Nilai dari 2<sup>3</sup> sama dengan 8. Nilai dari 3<sup>3</sup> sama dengan 27. Nilai dari 4<sup>3</sup> sama dengan 64. </body> </html></pre><pre><html> <head> <title>Catatan Fisika</title> </head> <body text="blue"> Nilai dari 2<sup>3</sup> sama dengan 8. <br> Nilai dari 3<sup>3</sup> sama dengan 27. <br> Nilai dari 4<sup>3</sup> sama dengan 64. </body> </html></pre><pre><html> <head> <title>My Diary</title> </head> <body bgcolor = "gray"> Keluargaku membatalkan liburan karena tiket pesawat terjual habis. </body> </html</pre>0<pre><html> <head> <title>My Diary</title> </head> <body bgcolor = "gray"> Keluargaku membatalkan liburan karena tiket pesawat terjual habis. </body> </html</pre>1<p><p>Diskusi</p><p><p><span>Elemen <span><title></span> menampilkan judul pada jendela browser yaitu Catatan Matematika. Di dalam tag pembuka <span><body></span> , harus ada atribut <span>teks </span> dengan nilai <span>“biru”</span> sehingga teks menjadi biru. Teks yang diapit elemen <span>body</span> menyesuaikan dengan apa yang ditampilkan. Simbol pangkat (superskrip) ditampilkan menggunakan elemen <span><sup></span> . Elemen <span><br></span> harus digunakan untuk berpindah ke baris berikutnya. Opsi A memenuhi semuanya. <span><br></span></span></p><ol><li><span>Pilihan B salah karena tag <span><span><br></span></span> tidak ditulis maka penulisan akan dilanjutkan. </span></li><li><span>Pilihan C salah karena judulnya salah, seharusnya Catatan Matematika</span></li><li><span>Opsi D salah karena tidak ada atribut <span><span>teks </span> dengan nilai <span><span>“biru”</span> <span>sehingga tulisan justru berwarna hitam.</span></span></span></span></li><li><span>Opsi E salah karena atribut <span>bgcolor</span> dengan nilai <span>“biru”</span> akan membuat tampilan background menjadi biru. </span></li></ol><p><span>(Jawaban A)</span></p><p>[runtuh]</p><h2 id="pertanyaan-nomor-5">Pertanyaan Nomor 5</h2><p><span>Lihatlah skrip kode berikut<br></span></p><pre><html> <head> <title>My Diary</title> </head> <body bgcolor = "gray"> Keluargaku membatalkan liburan karena tiket pesawat terjual habis. </body> </html</pre>_2<p><span>Programmer ingin membuat teks "Statistics" tampil dengan huruf tebal, tetapi ketika skrip kode dijalankan, semua teks diapit oleh <span>body</span> menjadi dicetak tebal. Koreksi yang benar agar tampilan sesuai dengan yang diinginkan pembuat program adalah $\cdots \cdot$</span></p><ol><li><span>Tag penutup <span></b></span> ditulis setelah kata “Statistics”</span></li><li><span>Pasangan tag <span> </span> dan <span> </span> harus dihapus</span></li><li><span>Persingkat kalimat dengan menghapus beberapa kata</span></li><li><span>Tag penutup <span></b></span> ditulis di akhir kalimat</span></li><li><span>Tag <span><b></span> tidak perlu ditulis</span></li></ol><p><p>Diskusi</p><p><p><span>Perhatikan bahwa elemen <span><b></span> tidak diberi tag penutup sehingga program mengeksekusi semua teks yang diapit oleh <span>body</span> menjadi bold. Agar hanya teks “Statistics” yang dicetak tebal, tambahkan tag penutup <span> </span> setelah kata “Statistics” menjadi <span><b>Statistika</b></span> . </span></p><p><span>(Jawaban A)</span></p><p>[runtuh]</p><h2 id="pertanyaan-nomor-6">Pertanyaan Nomor 6</h2><p><span>Perhatikan script kode dan tampilannya pada browser berikut ini</span></p><pre><html> <head> <title>My Diary</title> </head> <body bgcolor = "gray"> Keluargaku membatalkan liburan karena tiket pesawat terjual habis. </body> </html</pre>_3<p><div class="imgBox"><img alt="Cara menggunakan soal pemrograman web html" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/cara-menggunakan-soal-pemrograman-web-html---aHR0cHM6Ly9pMC53cC5jb20vbWF0aGN5YmVyMTk5Ny5jb20vd3AtY29udGVudC91cGxvYWRzLzIwMjEvMTIvaHRtbDMtNDUweDExMy5wbmc=.webp" ></div></p><p></p><div style="width:100%; margin:10px auto; display:block"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></p><p><span><span>Ketidakcocokan tampilan yang ditunjukkan pada gambar di atas adalah $\cdots \cdot$</span></span></p><ol><li><span>Tulisannya tidak boleh ungu, tapi hitam</span></li><li>Kalimat harus dilanjutkan ke samping, bukan pindah ke baris berikutnya</li><li>Kata "komentar" pada kalimat pertama dan kedua harus dicetak miring, bukan dicetak tebal</li><li>Teks "sekilas tentang komentar" seharusnya tidak muncul</li><li>Teks "sekilas tentang komentar" harus berwarna hitam</li></ol><p><p>Diskusi</p><p><p><span>Tulisan pada <span>tubuh</span> berwarna ungu karena atribut <span>teks</span> dengan nilai <span>“ungu”</span> di dalam elemen <span><body></span> . Unsur <span><br></span> membuat kalimat berpindah ke baris berikutnya. Elemen <span><b></span> membuat teks tebal. Teks "sekilas tentang komentar" seharusnya tidak muncul karena ditulis dalam sintaks komentar <span><!– komentar –></span> . Sebagai informasi tambahan, tombol jalan pintas (shortcut) untuk mengubah baris HTML menjadi komentar adalah dengan menekan tombol Ctrl + / pada keyboard. <span><br></span></span></p><ol><li><span><span>Opsi D menunjukkan ketidakcocokan yang tepat</span></span></li></ol><p><span>(Jawaban D)</span></p><p>[runtuh]</p><h2 id="pertanyaan-nomor-7">Pertanyaan Nomor 7</h2><p><span>Untuk menampilkan informasi dalam bentuk artikel, sebaiknya kita membedakan tulisan dari segi ukuran dan tampilan pada bagian judul dan paragraf dengan menggunakan tag heading <span><h1>, <h2 id="dan-seterusnya-pernyataan-berikut-yang-benar-tentang-tag-judul-dalam-sintaks-html-adalah-cdots-cdot-semakin-besar-nomor-judul-semakin-besar-ukuran-fontsemakin-kecil-nomor-judul-semakin-besar-ukuran-font-adalah-tag-heading-yang-menampilkan-ukuran-teks-terkecilsetiap-huruf-yang-diapit-oleh-heading-tag-memiliki-ukuran-yang-samaukuran-teks-dengan-tag-lebih-besar-dari-ukuran-teks-dengan-tag-diskusihtml-mendefinisikan-6-level-heading-yaitu-h1-h2-h3-h4-h5-dan-h6-heading-h1-adalah-heading-yang-menunjukkan-bahwa-teks-yang-dilampirkan-sangat-penting-agar-tampilan-teks-paling-besar-dan-mencolok-sedangkan-h6-kebalikannya-jadi-pernyataan-yang-benar-adalah-semakin-kecil-nomor-judul-semakin-besar-ukuran-hurufnya-jawaban-b-runtuh-pertanyaan-nomor-8">, , dan seterusnya. Pernyataan berikut yang benar tentang tag judul dalam sintaks HTML adalah $\cdots \cdot$Semakin besar nomor judul, semakin besar ukuran fontSemakin kecil nomor judul, semakin besar ukuran font adalah tag heading yang menampilkan ukuran teks terkecilSetiap huruf yang diapit oleh heading tag memiliki ukuran yang samaUkuran teks dengan tag lebih besar dari ukuran teks dengan tag DiskusiHTML mendefinisikan 6 level heading, yaitu h1, h2, h3, h4, h5, dan h6. Heading h1 adalah heading yang menunjukkan bahwa teks yang dilampirkan sangat penting agar tampilan teks paling besar dan mencolok, sedangkan h6 kebalikannya. Jadi, pernyataan yang benar adalah semakin kecil nomor judul, semakin besar ukuran hurufnya(Jawaban B)[runtuh]Pertanyaan Nomor 8</h2><p><span>Lihatlah skrip kode berikut<br></span></p><pre><html> <head> <title>My Diary</title> </head> <body bgcolor = "gray"> Keluargaku membatalkan liburan karena tiket pesawat terjual habis. </body> </html</pre>_4<p><span>Jika programmer ingin memulai penomoran dari angka 3, bukan angka 1 seperti biasanya, maka perubahan yang benar pada script kode di atas adalah $\cdots \cdot$</span></p><ol><li>Elemen <span><h2 id="pada-baris-ke-6-dihapusmenambahkan-atribut-mulai-dengan-nilai-3-di-dalam-tag-menambahkan-atribut-mulai-dengan-nilai-3-di-di-tag-pasangan-tag-dan-dihapusbaris-ke-8-diubah-menjadi-aritmetikadiskusiuntuk-mengubah-angka-awal-penomoran-gunakan-atribut-mulai-yang-ditulis-pada-elemen-ol-a-daftar-urutan-dalam-hal-ini-baris-ke-7-diubah-menjadi-jika-dieksekusi-angka-pertama-akan-dimulai-dari-3-bukan-1-seperti-yang-terlihat-pada-gambar-berikut-jawaban-c-runtuh-pertanyaan-nomor-9"> pada baris ke-6 dihapusMenambahkan atribut mulai dengan nilai “3” di dalam tag Menambahkan atribut mulai dengan nilai “3” di di tag Pasangan tag dan dihapusbaris ke-8 diubah menjadi AritmetikaDiskusiUntuk mengubah angka awal penomoran, gunakan atribut mulai yang ditulis pada elemen < ol>< /a> (daftar urutan). Dalam hal ini, baris ke-7 diubah menjadi . Jika dieksekusi, angka pertama akan dimulai dari 3, bukan 1, seperti yang terlihat pada gambar berikut. (Jawaban C)[runtuh]Pertanyaan Nomor 9</h2><p><span>Lihatlah skrip kode berikut<br></span></p><pre><html> <head> <title>My Diary</title> </head> <body bgcolor = "gray"> Keluargaku membatalkan liburan karena tiket pesawat terjual habis. </body> </html</pre>_5<p><span>Jika programmer ingin mengganti penomoran dengan menggunakan simbol huruf kapital Romawi (I, II, III, IV, V), maka perubahan yang benar terkait script kode di atas adalah $\cdots \cdot$</span></p><div style="width:100%; margin:10px auto; display:block"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></p><p></p><ol><li>baris ke-6. ubah nilainya dari <span>list-style-type</span> menjadi <span>upper-roman</span></li><li>baris ke-6. ubah nilai font-size menjadi <span>14pt</span></li><li>baris ke-6. hapus atribut <span>list-style-type</span> beserta nilainya</li><li>baris ke-6. hapus semua atribut di tag pembuka <span><ol></span></li><li>baris ke-12. hapus tag penutup <span></ol></span></li></ol><p><p>Diskusi</p><p><p><span>Atribut <span>list-style-type</span> yang merupakan properti dari <span>style</span> di dalam tag pembuka <span><ol></span> berfungsi untuk mengganti penomoran dengan berbagai simbol. Jika nilai yang dimasukkan adalah <span>lower-roman</span> , penomoran akan menggunakan huruf Romawi kecil (i, ii, iii, iv, v) seperti berikut gambar. <br><div class="imgBox"><img alt="Cara menggunakan soal pemrograman web html" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/cara-menggunakan-soal-pemrograman-web-html---aHR0cHM6Ly9pMC53cC5jb20vbWF0aGN5YmVyMTk5Ny5jb20vd3AtY29udGVudC91cGxvYWRzLzIwMjEvMTIvaHRtbDktNDUweDEzNS5wbmc=.webp" ></div>Untuk <span>penomoran berubah menjadi simbol huruf kapital Romawi (I, II, III, IV, V), ganti <span>romawi rendah</span> menjadi <span>upper-roman</span> pada baris ke-6 hingga menjadi seperti berikut. </span></span></p><pre><html> <head> <title>My Diary</title> </head> <body bgcolor = "gray"> Keluargaku membatalkan liburan karena tiket pesawat terjual habis. </body> </html</pre>_6<p><span>(Jawaban A)</span></p><p>[runtuh]</p><h2 id="pertanyaan-nomor-10">Pertanyaan Nomor 10</h2><p><span>Perhatikan tampilan berikut. <br></span><span><div class="imgBox"><img alt="Cara menggunakan soal pemrograman web html" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/cara-menggunakan-soal-pemrograman-web-html---aHR0cHM6Ly9pMC53cC5jb20vbWF0aGN5YmVyMTk5Ny5jb20vd3AtY29udGVudC91cGxvYWRzLzIwMjEvMTIvaHRtbDExLTEwMjR4Mjk1LnBuZw==.webp" ></div>Skrip kode yang benar untuk membuat tampilan seperti di atas adalah $\cdots \cdot$</span></p><pre><html> <head> <title>My Diary</title> </head> <body bgcolor = "gray"> Keluargaku membatalkan liburan karena tiket pesawat terjual habis. </body> </html</pre>7<pre><html> <head> <title>My Diary</title> </head> <body bgcolor = "gray"> Keluargaku membatalkan liburan karena tiket pesawat terjual habis. </body> </html</pre>8<pre><html> <head> <title>My Diary</title> </head> <body bgcolor = "gray"> Keluargaku membatalkan liburan karena tiket pesawat terjual habis. </body> </html</pre>9<pre><html> <head> <title>My Diary</title> </head> <body bgcolor = "gray"> Aku berlibur di rumah nenek untuk merayakan tahun baru. </body> </html></pre>0<pre><html> <head> <title>My Diary</title> </head> <body bgcolor = "gray"> Aku berlibur di rumah nenek untuk merayakan tahun baru. </body> </html></pre>1<p><p>Diskusi</p><p><p><span>Berdasarkan tampilan yang muncul, atribut yang harus ada pada tag pembuka <span><body></span> adalah sebagai berikut. </span></p><ol><li><span>Atribut <span>gaya</span> dengan properti <span>warna latar belakang. powderblue</span> untuk menampilkan warna background. </span></li><li><span>Atribut <span>gaya</span> dengan properti <span>font-family. georgia</span> untuk menggunakan jenis huruf Georgia. </span></li><li><span>Atribut <span>gaya</span> dengan properti <span>ukuran font. 12pt</span> untuk membuat ukuran teks menjadi 12pt. </span></li><li><span>Atribut <span>gaya</span> dengan properti <span>perataan teks. ratakan</span> untuk membuat tulisan mendatar kiri-kanan. </span></li><li><span>Atribut <span>style</span> dengan properti <span>text-indent. 0. 4in</span> untuk membuat baris pertama paragraf menjorok 0,4 inci. </span></li></ol><p><span>Pilihan C dan E memenuhi semua kriteria tersebut, namun pilihan E salah karena kata berbagi model bisnis dan usia percepatan tidak dicetak miring.</span></p><p><span>(Jawaban C)</span></p><p>[runtuh]</p><h2 id="pertanyaan-nomor-11">Pertanyaan Nomor 11</h2><p><span>Lihatlah skrip kode berikut<br></span></p><pre><html> <head> <title>My Diary</title> </head> <body bgcolor = "gray"> Aku berlibur di rumah nenek untuk merayakan tahun baru. </body> </html></pre>2<p><span>Pernyataan yang benar berikut tentang keluaran dari skrip kode di atas adalah $\cdots \cdot$</span></p><ol><li><span>Ada 3 titik daftar tidak berurutan yang muncul di output</span></li><li><span>Teks "Fungsi trigonometri" akan muncul dengan warna merah dan tebal</span></li><li><span>Teks "Fungsi logaritmik" akan dicetak miring</span></li><li><span>Teks "Matriks persegi panjang" akan dicetak miring dan dicetak tebal</span></li><li><span>Teks "Matriks Diagonal" akan muncul dicoret oleh dua garis horizontal</span></li></ol><p><p>Diskusi</p><p><p><span>Perhatikan bahwa pada baris ke-19, teks "Matriks persegi panjang" diapit oleh elemen <span><b></span> dan <span><i></span>. Ini menunjukkan bahwa tulisan tersebut akan tampil dalam keadaan tercetak italik dan tebal.</span></p><ol><li><span>Pilihan A salah karena unordered list yang muncul hanya memiliki dua titik yaitu Tipe Fungsi dan Tipe Matriks</span></li><li><span>Pilihan B salah karena elemen <span><mark></span> menjadikan teks yang diapitnya ditonjolkan atau disorot (distabilo kuning). </span></li><li><span>Opsi C salah karena elemen <span><b></span> menjadikan teks yang dilingkupinya tebal, bukan miring. </span></li><li><span>Opsi E salah karena elemen <span><del></span> membuat teks yang dilingkupinya dicoret oleh satu garis horizontal, bukan dua. </span></li></ol><p><span>Tampilan program saat script kode dijalankan seperti tampak pada gambar di bawah ini</span><br><div class="imgBox"><img alt="Cara menggunakan soal pemrograman web html" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/cara-menggunakan-soal-pemrograman-web-html---aHR0cHM6Ly9pMC53cC5jb20vbWF0aGN5YmVyMTk5Ny5jb20vd3AtY29udGVudC91cGxvYWRzLzIwMjEvMTIvaHRtbDUtNDUweDI4Mi5wbmc=.webp" ></div><span>(Jawaban D)</span></p><p>[runtuh]</p><h2 id="pertanyaan-nomor-12">Pertanyaan Nomor 12</h2><p><span>Lihatlah skrip kode berikut<br></span></p><pre><html> <head> <title>My Diary</title> </head> <body bgcolor = "gray"> Aku berlibur di rumah nenek untuk merayakan tahun baru. </body> </html></pre>_3<p><span><span>Setelah dijalankan, ada bagian output yang tidak sesuai dengan yang diharapkan programmer. Bagian yang dimaksud terletak di skrip kode di atas baris $\cdots \cdot$</span><br>A. 3                 C. 8                E. 10<br>B. 6                   D. 9</span></p><p><p>Diskusi</p><p><p><span><span>Tampilan saat script kode dijalankan di browser adalah sebagai berikut. <br><div class="imgBox"><img alt="Cara menggunakan soal pemrograman web html" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/cara-menggunakan-soal-pemrograman-web-html---aHR0cHM6Ly9pMC53cC5jb20vbWF0aGN5YmVyMTk5Ny5jb20vd3AtY29udGVudC91cGxvYWRzLzIwMjEvMTIvaHRtbDYtNDUweDE4NC5wbmc=.webp" ></div>Terlihat pada gambar di atas bahwa pada poin nomor 1, &prod tidak muncul sebagai operator perkalian deret, yaitu ∏ (dibaca. pi), karena tidak diakhiri dengan titik koma. Sintaks yang benar adalah <span>∏</span> . Jadi, bagian yang dimaksud terletak pada skrip kode baris ke-8. <br></span></span><span>(Jawaban C)</span></p><p>[runtuh]</p><h2 id="pertanyaan-nomor-13">Pertanyaan Nomor 13</h2><p><span>Lihatlah skrip kode berikut<br></span></p><pre><html> <head> <title>My Diary</title> </head> <body bgcolor = "gray"> Aku berlibur di rumah nenek untuk merayakan tahun baru. </body> </html></pre>_4<p><span>Jika dijalankan, output yang muncul adalah tabel berukuran $\cdots \cdot$</span><br><span>A. $2 \kali 2$                 D. $3 \kali 3$</span><br><span>B. $2 \kali 3$                 E. $4 \kali 3$</span><br><span>C. $3 \kali 2$</span></p><p><p>Diskusi</p><p><p><span>Lihat skrip kode. Baris 4 sampai 8 menentukan baris pertama tabel dengan 3 kolom. Kolom pertama adalah <span>No. </span> , kolom kedua adalah <span>Nama</span> , dan kolom ketiga adalah <span> Umur ( Tahun) </span> . Baris 9 sampai 13 menentukan baris kedua, baris 14 sampai 18 menentukan baris ketiga, dan baris 19 sampai 23 menentukan baris keempat. Jadi, tabel yang terbentuk memiliki 4 baris dan 3 kolom sehingga ukurannya adalah $\boxed{4 \times 3}$</span><span><span><br></span></span><span>(Jawaban E)</span></p><p>[runtuh]</p><h2 id="pertanyaan-nomor-14">Pertanyaan Nomor 14</h2><p><span>Lihatlah skrip kode berikut<br></span></p><pre><html> <head> <title>My Diary</title> </head> <body bgcolor = "gray"> Aku berlibur di rumah nenek untuk merayakan tahun baru. </body> </html></pre>5<p><span>Pernyataan yang benar berikut tentang keluaran yang muncul saat skrip kode di atas dijalankan adalah $\cdots \cdot$<br></span></p><ol><li><span>Letak/posisi meja berada di tengah</span></li><li><span><span>Tabel tersebut terdiri dari 3 baris dan 3 kolom</span></span></li><li><span>Anjel Love, Auryn Putri, dan Emanuela Aloysius adalah siswa kelas XII MIPA B</span></li><li><span>Skor Bonifasius Panyoka adalah 90</span></li><li><span>Terdapat 4 siswa kelas XII MIPA C yang tertera pada tabel tersebut</span></li></ol><p><p>Diskusi</p><p><p><span>Jika skrip kode dijalankan di browser, output yang muncul adalah sebagai berikut</span><br><div class="imgBox"><img alt="Cara menggunakan soal pemrograman web html" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/cara-menggunakan-soal-pemrograman-web-html---aHR0cHM6Ly9pMC53cC5jb20vbWF0aGN5YmVyMTk5Ny5jb20vd3AtY29udGVudC91cGxvYWRzLzIwMjEvMTIvaHRtbDctNDUweDI4Mi5wbmc=.webp" ></div><span><span>Atribut <span>rowspan</span> dengan nilai <span>“3”</span> terletak di tag pembuka <span><td></span> digunakan untuk menggabungkan 3 baris sel tabel menjadi satu sel (disebut juga sel gabungan). Atribut align dengan nilai <span>“center”</span> yang terletak di dalam tag pembuka <span><tr></span> digunakan untuk menempatkan teks di tengah baris yang dimaksud. Pernyataan yang benar ditunjukkan oleh pilihan C bahwa </span><span>Anjel Love, Auryn Putri, dan Emanuela Aloysius adalah siswa kelas XII MIPA B. <br></span></span></p><ol><li><span>Opsi A salah karena posisi tabel harus berada di sebelah kiri layar. Hal ini dikarenakan pada baris ke-3 tidak ada atribut <span>align = “center”</span> pada tag pembuka <span><table></span> . Dengan kata lain, agar tabel berada di tengah, baris ke-3 harus diubah menjadi <span><table border = “4” align = “center”><span><span>. </span></span></span></span></li><li><span>Pilihan B salah karena tabel harus terdiri dari 7 baris dan 3 kolom.  </span></li><li><span>Pilihan D salah karena jelas nilai Bonifasius Panyoka adalah 93 bukan 90</span></li><li><span>Pilihan E salah karena jelas hanya ada 3 siswa kelas XII MIPA C yang tercatat dalam tabel yaitu Bonifasius Panyoka, Carollus Davin Dhimas, dan Fransiska Maria Nur</span><div></div> <div></div></li></ol></p></td></tr></table> <script async src="/dist/js/lazyhtml.min.js" crossorigin="anonymous"></script> <div class="lazyhtml" data-lazyhtml> <script type="text/lazyhtml"> <div class="youtubeVideo"><h3>Video yang berhubungan</h3> <iframe width="560" height="315" src="https://www.youtube.com/embed/IcdepaZuWCI?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"allowfullscreen></iframe> </div> </script> </div> <div class="tags pt-3"> <a href="https://apacode.com/tags/kode" class="tag-link">kode</a> <a href="https://apacode.com/tags/html" class="tag-link">html</a> </div> <div class="post-tools"> <button data-postid="cara-menggunakan-soal-pemrograman-web-html" class="btn btn-answerModalBox"><img class="mr-1" alt="Cara menggunakan soal pemrograman web html" src="/dist/images/svg/messages_16.svg">Reply</button> <button data-postid="cara-menggunakan-soal-pemrograman-web-html" data-vote="up" class="btn btn-doVote"><img class="mr-1" alt="Cara menggunakan soal pemrograman web html" src="/dist/images/svg/face-smile_16.svg">8</button> <button data-postid="cara-menggunakan-soal-pemrograman-web-html" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="Cara menggunakan soal pemrograman web html" src="/dist/images/svg/poo_16.svg">1</button> <button class="btn"><img class="mr-1" alt="Cara menggunakan soal pemrograman web html" src="/dist/images/svg/facebook_16.svg">Membagikan</button> </div> </div><!-- end question-post-body --> </div><!-- end question-post-body-wrap --> </div><!-- end question --> <div id="answers_cara-menggunakan-soal-pemrograman-web-html" class="answers"> </div><!-- end answer-wrap --> <div class="entryFooter"> <div class="footerLinkAds"><div style="width:100%; margin:0 auto;"> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="footerRelated"><div class="postRelatedWidget"> <h2>Pos Terkait</h2> <div class="questions-snippet layoutNews border-top border-top-gray"> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/php-unduh-file-zip-dari-url"><img src="https://ap.cdnki.com/r_php-unduh-file-zip-dari-url---95d5020976a84bf8f1cd91eddd7c5836.webp" alt="Php unduh file zip dari url"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/php-unduh-file-zip-dari-url">Php unduh file zip dari url</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-tag-markup-javascript"><img src="https://ap.cdnki.com/r_cara-menggunakan-tag-markup-javascript---948201c14ea685fdf4c55e1ec765ade4.webp" alt="Cara menggunakan tag markup javascript"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-tag-markup-javascript">Cara menggunakan tag markup javascript</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-checking-file-name-python"><img src="https://ap.cdnki.com/r_cara-menggunakan-checking-file-name-python---bbcdc8f34e9e3fa01bd9b3fff7ac4838.webp" alt="Cara menggunakan checking file name python"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-checking-file-name-python">Cara menggunakan checking file name python</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-sporcler-pada-python"><img src="https://ap.cdnki.com/r_cara-menggunakan-sporcler-pada-python---aee26c79b94acc85677cf7bac9baed5d.webp" alt="Cara menggunakan SPORCLER pada Python"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-sporcler-pada-python">Cara menggunakan SPORCLER pada Python</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/tanggal-format-lembar-google-sebagai-teks"><img src="https://ap.cdnki.com/r_tanggal-format-lembar-google-sebagai-teks---956b51889b72fad3c960d33f429776fe.webp" alt="Tanggal format lembar google sebagai teks"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/tanggal-format-lembar-google-sebagai-teks">Tanggal format lembar google sebagai teks</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div><!-- end media --> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/menampilkan-format-tanggal-dan-hari-indonesia-di-php"><img src="https://ap.cdnki.com/r_menampilkan-format-tanggal-dan-hari-indonesia-di-php---4083557628a22d3c90eee7ccd557b34d.webp" alt="Menampilkan format tanggal dan hari indonesia di php"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/menampilkan-format-tanggal-dan-hari-indonesia-di-php">Menampilkan format tanggal dan hari indonesia di php</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-cache-php-page"><img src="https://i.ytimg.com/vi/F1gSNNu1I3w/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCmvWFvbWXFnHbBE6gRi7bTInxTiA" alt="Cara menggunakan cache php page"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-cache-php-page">Cara menggunakan cache php page</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-python-telegram-bot-html"><img src="https://ap.cdnki.com/r_cara-menggunakan-python-telegram-bot-html---5a13d42889b77d92761737c84a8d53c9.webp" alt="Cara menggunakan python telegram bot html"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-python-telegram-bot-html">Cara menggunakan python telegram bot html</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/array-menggunakan-python"><img src="https://ap.cdnki.com/r_array-menggunakan-python---67f23952691cacfe9e2740f4b096c6d3.webp" alt="Array menggunakan python"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/array-menggunakan-python">Array menggunakan python</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bagaimana-peringkat-rata-rata-dihitung-dalam-php"><img src="https://ap.cdnki.com/r_bagaimana-peringkat-rata-rata-dihitung-dalam-php---b0511ab357aac1287946b8c592c74a35.webp" alt="Bagaimana peringkat rata-rata dihitung dalam php?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bagaimana-peringkat-rata-rata-dihitung-dalam-php">Bagaimana peringkat rata-rata dihitung dalam php?</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div><!-- end media --> </div> </div></div> <div class="footerRelated"></div> </div> </div> </div><!-- end question-main-bar --> </div><!-- end col-lg-9 --> <div class="col-right"> <div class="sidebar"> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Periklanan</h4> <div class="mb-4 mx-auto"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-14 text-uppercase pb-3">BERITA TERKINI</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/cara-membuat-kotak-ajaib-dengan-python">Cara membuat kotak ajaib dengan python</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/VerticalAnkle" class="author">VerticalAnkle</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/cara-menggunakan-perintah-php-fpm">Cara menggunakan perintah php-fpm</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/HelmetedCloseness" class="author">HelmetedCloseness</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/cara-membuat-tas-dari-kain-satin">Cara membuat tas dari kain satin</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/HomesickClerk" class="author">HomesickClerk</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/tarik-data-dari-kamus-python-bersarang">Tarik data dari kamus python bersarang</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/SpecializedRegulator" class="author">SpecializedRegulator</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/sesi-php-berakhir-terlalu-cepat">Sesi php berakhir terlalu cepat</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/ArrestingPneumonia" class="author">ArrestingPneumonia</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/cara-menghapus-aplikasi-yang-tidak-bisa-dihapus-di-hp-realme">Cara menghapus aplikasi yang tidak bisa dihapus di HP Realme</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/TemptingHousing" class="author">TemptingHousing</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/cara-mengecek-rumus-di-google-sheets">Cara mengecek rumus di google sheets</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/SaturatedAppraisal" class="author">SaturatedAppraisal</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/how-to-install-php-gd-in-xampp">How to install PHP GD in xampp?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/BorrowedFoyer" class="author">BorrowedFoyer</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/concat-string-dalam-loop-php">Concat string dalam loop php</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/CardboardAllegation" class="author">CardboardAllegation</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/di-mana-prosedur-tersimpan-di-mysql">Di mana prosedur tersimpan di mysql?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/CounterproductiveLiterature" class="author">CounterproductiveLiterature</a> </small> </div> </div><!-- end media --> </div><!-- end sidebar-questions --> </div> </div><!-- end card --> <div class="card card-item cardTopList"> <div class="card-body"> <h3 class="fs-14 text-uppercase pb-3">Toplist Popular</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="topListNum">#1</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-6-nilai-minimum-f-x-y-4x-2y-pada-d-16-e-14-2x-3y-18-4x-3y-24-x-0-y-0-adalah-a-40-b-36-c-2022">Top 10 6 nilai minimum f x y 4x 2y pada d 16 e 14 2x 3y 18 4x 3y 24 x 0 y 0 adalah a 40 b 36 c 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#2</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-dia-selalu-lupa-membawa-pensil-ke-sekolah-saran-yang-tepat-untuk-dia-adalah-2022">Top 10 dia selalu lupa membawa pensil ke sekolah saran yang tepat untuk dia adalah 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#3</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-diketahui-sebuah-data-tunggal-2-4-6-7-7-8-9-10-berapakah-modusnya-2022">Top 10 diketahui sebuah data tunggal 2 4 6, 7 7, 8, 9, 10 berapakah modusnya 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#4</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-persamaan-kuadrat-yang-akar-akarnya-7-2-dan-5-adalah-2022">Top 10 persamaan kuadrat yang akar akarnya 7/ 2 dan -5 adalah 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#5</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-jika-panjang-sisi-bangun-persegi-panjang-16-cm-dan-lebar-8-cm-maka-kelilingnya-adalah-2022">Top 10 jika panjang sisi bangun persegi panjang 16 cm dan lebar 8 cm maka kelilingnya adalah 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#6</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-9-perhatikan-gambar-mata-berikut-nama-bagian-mata-yang-ditunjukkan-angka-i-dan-ii-adalah-2022">Top 9 perhatikan gambar mata berikut nama bagian mata yang ditunjukkan angka i dan ii adalah 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#7</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-jelaskan-apa-yang-dimaksud-dengan-3-jenis-kemasan-2022">Top 10 jelaskan apa yang dimaksud dengan 3 jenis kemasan? 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#8</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-9-sebutkan-tiga-keadilan-yang-harus-terwujud-dalam-kehidupan-bermasyarakat-2022">Top 9 sebutkan tiga keadilan yang harus terwujud dalam kehidupan bermasyarakat 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#9</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-pada-getaran-harmonik-pegas-jika-massa-beban-yang-digantung-pada-ujung-bawah-pegas-100g-2022">Top 10 pada getaran harmonik pegas, jika massa beban yang digantung pada ujung bawah pegas 100g 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#10</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-permainan-bulu-tangkis-di-atas-meja-yang-dimainkan-oleh-dua-atau-empat-orang-2022">Top 10 permainan bulu tangkis di atas meja yang dimainkan oleh dua atau empat orang 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div><!-- end media --> </div><!-- end sidebar-questions --> </div> </div><!-- end card --> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Periklanan</h4> <div class="mb-4 mx-auto"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-14 text-uppercase pb-3">Terpopuler</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> </div><!-- end sidebar-questions --> </div> </div><!-- end card --> <div class="ad-card fixedAds"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Periklanan</h4> <div class="mb-4 mx-auto" style="text-align:center"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div><!-- end sidebar --> </div><!-- end col-lg-3 --> </div><!-- end row --> </div><!-- end container --> </section><!-- end question-area --> <!-- ================================ END QUESTION AREA ================================= --> <script>var questionId ='cara-menggunakan-soal-pemrograman-web-html'</script> <script>var postTime ='2023-02-06T10:23:23.553Z'</script> <script>var siteDomain ='apacode.com'</script> <script type="text/javascript" src="https://apacode.com/dist/js/pages/comment.js"></script> <!-- ================================ END FOOTER AREA ================================= --> <section class="footer-area pt-80px bg-dark position-relative"> <span class="vertical-bar-shape vertical-bar-shape-1"></span> <span class="vertical-bar-shape vertical-bar-shape-2"></span> <span class="vertical-bar-shape vertical-bar-shape-3"></span> <span class="vertical-bar-shape vertical-bar-shape-4"></span> <div class="container"> <div class="row"> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Tentang Kami</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/about.html">Hubungi Kami</a></li> <li><a href="/contact.html">Support</a></li> <li><a href="/contact.html">Careers</a></li> <li><a href="/contact.html">Periklanan</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Legal</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/privacy-statement.html">Privacy Policy</a></li> <li><a href="/terms-and-conditions.html">Terms of Services</a></li> <li><a href="/privacy-statement.html">Cookie Policy</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Dukungan</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/contact.html">Knowledge Base</a></li> <li><a href="/contact.html">Remove a post</a></li> <li><a href="/contact.html">Support</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Social</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="#"><i class="fab fa-facebook-f mr-1"></i> Facebook</a></li> <li><a href="#"><i class="fab fa-twitter mr-1"></i> Twitter</a></li> <li><a href="#"><i class="fab fa-linkedin mr-1"></i> LinkedIn</a></li> <li><a href="#"><i class="fab fa-instagram mr-1"></i> Instagram</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> </div><!-- end row --> </div><!-- end container --> <div class="container networkLinks"> <a target='blank' href='https://apacode.com'>home</a><a target='blank' href='https://en.apacode.com'>en</a><a target='blank' href='https://de.apacode.com'>de</a><a target='blank' href='https://ja.apacode.com'>ja</a><a target='blank' href='https://ko.apacode.com'>ko</a><a target='blank' href='https://pt.apacode.com'>pt</a><a target='blank' href='https://zh.apacode.com'>zh</a><a target='blank' href='https://th.apacode.com'>th</a><a target='blank' href='https://it.apacode.com'>it</a><a target='blank' href='https://tr.apacode.com'>tr</a> </div> <hr class="border-top-gray my-3"> <div class="container"> <div class="row align-items-center pb-4 copyright-wrap"> <div class="col-6"> <img src ="/dist/images/dmca_protected_sml.png"/> </div> <!-- end col-lg-6 --><div class="col-6"> <div class="copyright-desc text-right fs-14"> <div>Copyright © 2024 <a href="https://apacode.com"><span style="font-size:20px">apa<span style="color:#ff0000">code</span></span></a> Inc.</div> </div> </div><!-- end col-lg-6 --> </div><!-- end row --> </div><!-- end container --> </section><!-- end footer-area --> <!-- ================================ END FOOTER AREA ================================= --> <!-- template js files --> <!-- start back to top --> <div id="back-to-top" data-toggle="tooltip" data-placement="top" title="Go to top"> <img alt="" src="/dist/images/svg/arrow-up_20.svg"> </div> <!-- end back to top --> <script src="https://apacode.com/dist/js/bootstrap.bundle.min.js"></script> <script src="https://apacode.com/dist/js/sweetalert2.js"></script> <script src="https://apacode.com/dist/js/moment.js"></script> <script src="https://apacode.com/dist/js/main.js?v=1"></script> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WWPK8P2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> </body> </html>