Pendidikan Kelas Home Pelajaran Materi

Belajar Soal Informatika Kelas 12 SMA Tentang Pengembangan Web dengan HTML, CSS, dan JavaScript

Materi :

Pengembangan Web dengan HTML, CSS, dan JavaScript

Deskripsi :

Pengenalan dasar HTML, CSS, dan JavaScript untuk membuat halaman web interaktif dan dinamis.

Jenjang Pendidikan : SMA
Mata Pelajaran : Informatika
Kelas : SMA Kelas 12
Waktu :15 Menit

Jul 08, 2025   |   12 views

Elemen HTML yang digunakan untuk menampilkan teks adalah...

A. <div>
B. <p>
C. <h1>
D. <span>

Pembahasan :
<h1> (Heading 1) adalah elemen HTML yang digunakan untuk membuat judul utama pada halaman web. Elemen-elemen lain seperti <p> untuk paragraf, <div> untuk pembatas, dan <span> untuk pemisah merupakan elemen yang lebih umum digunakan untuk struktur konten.

CSS digunakan untuk...

A. Menstrukturisasi konten halaman web.
B. Membuat halaman web interaktif.
C. Mengatur tampilan visual halaman web (warna, font, layout).
D. Menulis kode JavaScript untuk manipulasi DOM.

Pembahasan :
CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mengontrol tampilan visual halaman web, seperti warna, font, ukuran, dan tata letak. Sementara HTML bertanggung jawab untuk struktur, dan JavaScript untuk interaksi.

Apa peran JavaScript dalam pengembangan web?

A. Membuat halaman web statis.
B. Membuat halaman web dinamis dan interaktif.
C. Menampilkan gambar statis.
D. Mengatur layout halaman web.

Pembahasan :
JavaScript adalah bahasa pemrograman yang memungkinkan kita untuk membuat halaman web menjadi dinamis dan interaktif. Dengan JavaScript, kita dapat menambahkan fitur seperti validasi formulir, animasi, dan manipulasi konten.

Kode HTML berikut yang benar adalah... <p>Ini adalah paragraf.</p>

A. <p>Ini adalah paragraf.</p>
B. <p>Ini adalah paragraf</p>
C. Ini adalah <p> paragraf.
D. Ini adalah paragraf <p>.

Pembahasan :
Kode HTML yang benar harus mengikuti sintaks yang tepat. `<p>` adalah tag pembuka paragraf, dan `</p>` adalah tag penutup paragraf. Dalam HTML, tag penutup harus sesuai dengan tag pembuka.

Apa fungsi dari elemen HTML `<img>`?

A. Menampilkan teks.
B. Menampilkan gambar.
C. Membuat tautan.
D. Membuat tabel.

Pembahasan :
Elemen `<img>` digunakan untuk menyisipkan gambar ke dalam halaman web. Atribut `src` pada tag `<img>` menentukan lokasi gambar yang akan ditampilkan.

CSS menggunakan properti `color` untuk mengatur...

A. Font size.
B. Warna teks.
C. Background color.
D. Margin dan padding.

Pembahasan :
Properti `color` dalam CSS digunakan untuk mengatur warna teks. Properti ini dapat digunakan untuk mengatur warna teks untuk elemen tertentu atau untuk seluruh halaman.

Apa yang dimaksud dengan `id` dalam HTML?

A. Nama elemen HTML.
B. Kode yang digunakan untuk menautkan halaman web.
C. Nama unik untuk elemen tertentu dalam halaman web.
D. Ukuran elemen HTML.

Pembahasan :
`id` adalah atribut HTML yang memberikan nama unik pada sebuah elemen. Ini memungkinkan kita untuk merujuk elemen tersebut secara spesifik menggunakan CSS dan JavaScript.

Kode JavaScript berikut yang benar adalah... <script> alert('Halo!'); </script>

A. <script> alert('Halo!'); </script>
B. alert('Halo!'); <script>
C. script alert('Halo!'); </script>
D. alert('Halo!'); </script>

Pembahasan :
Kode JavaScript harus berada di dalam tag `<script>` dan `</script>`. Elemen `<script>` harus memiliki tag pembuka dan penutup.

Apa yang dimaksud dengan DOM (Document Object Model)?

A. Bahasa pemrograman untuk membuat halaman web.
B. Representasi struktur halaman web sebagai struktur data.
C. Bahasa untuk mengedit kode HTML.
D. Sistem operasi untuk menjalankan aplikasi web.

Pembahasan :
DOM adalah representasi halaman web yang dapat diakses dan dimanipulasi menggunakan JavaScript. DOM memungkinkan kita untuk mengakses dan mengubah elemen HTML pada halaman web.

Dalam CSS, apa yang dimaksud dengan `width` dan `height`?

A. Warna latar belakang.
B. Lebar dan tinggi elemen HTML.
C. Font size.
D. Margin dan padding.

Pembahasan :
`width` dan `height` adalah properti CSS yang digunakan untuk menentukan lebar dan tinggi elemen HTML. Properti ini dapat diatur dalam piksel, persen, atau unit lainnya.