Quiz HTML Dasar

Perhatikan kode berikut:

<p>SMK <br> Rekayasa Perangkat Lunak</p>

Tag <br> berfungsi untuk …

• Membuat garis horizontal

• Mengatur jarak antar paragraf

• Membuat baris baru tanpa membuat paragraf baru

• Membuat teks berwarna

• Menambahkan border

Jika Anda ingin menampilkan gambar bernama logo.png yang berada di folder images, maka tag HTML yang benar adalah …

• <image src="logo.png">
  

• <img href="images/logo.png">
  

• <img src="images/logo.png">
  

• <pic src="logo.png">
  

• <picture href="logo.png">

Untuk membuat link menuju situs https://www.google.com, kode HTML yang benar adalah …

• <a src="https://www.google.com">Google</a>

• <a href="https://www.google.com">Google</a>

• <link="https://www.google.com">Google</link>

• <url href="https://www.google.com">Google</url>

• <goto="https://www.google.com">Google</goto>

Perhatikan potongan kode berikut:

<table border="1">

<tr>

<td>Nama</td>

<td>Kelas</td>

</tr>

</table>

Tag <tr> pada kode di atas berfungsi untuk …

• Membuat tabel

• Membuat baris pada tabel

• Membuat kolom pada tabel

• Mengatur lebar tabel

• Mengatur tinggi tabel

Jika sebuah teks ditulis seperti berikut:

<i><u>SMK RPL</u></i>

Hasil yang akan tampil di browser adalah …

• Teks tebal dan miring

• Teks bergaris bawah dan miring

• Teks hanya bergaris bawah

• Teks besar dan tebal

• Teks biasa tanpa perubahan

Perhatikan kode berikut:

<p><b><i>Selamat datang di Website kami</b></i></p>

Mengapa hasil tampilan tidak sesuai yang diharapkan?

• Karena tag tidak boleh berisi tag lain

• Karena urutan penutupan tag tidak sesuai

• Karena tag hanya boleh di dalam

• Karena browser tidak mengenali tag

• Karena tag harus selalu diawali dengan huruf kapital

Jika Anda diminta membuat tabel data siswa dengan dua kolom “Nama” dan “Kelas” serta dua baris data, maka struktur HTML paling tepat adalah …

• <table><tr><td>Nama</td></tr><tr><td>Kelas</td></tr></table>

• <table><td>Nama</td><td>Kelas</td></table>

• <table border="1">

  <tr>

  <th>Nama</th>

  <th>Kelas</th>

  </tr>

  <tr>

  <td>Andi</td>

  <td>X RPL</td>

  </tr>

  <tr>

  <td>Budi</td>

  <td>X RPL</td>

  </tr>

  </table>

• <table><tr>Nama Kelas</tr></table>

• <table border="1"><tr><td>Nama Kelas</td></tr></table>

Tag HTML yang digunakan untuk menampilkan teks miring adalah …

• <b>

• <i>

• <em>

• <u>

• <strong>

Tag untuk membuat teks bergaris bawah dalam HTML adalah …

• <underline>

• <sub>

• <u>

• <hr>

• <ins>

Perhatikan kode berikut: <a href="profil.html">Profil Siswa</a>

Fungsi kode tersebut adalah …

• A. Menampilkan halaman profil.html di jendela lain

• B. Menambahkan teks “Profil Siswa” ke halaman

• C. Membuat tautan ke halaman profil.html

• D. Mengarahkan ke gambar profil

• E. Membuat paragraf baru