NEW
Font size
WorksheetsPengenalan hyperlink dan navigasi
Total questions: 15
Worksheet time: 8mins
Tag HTML apa yang digunakan untuk membuat hyperlink?
<a>
<hyper>
<p>
<link>
Atribut apa yang WAJIB ada pada tag `<a>` untuk menentukan URL atau tujuan tautan?
link
url
href
src
Apa fungsi dari atribut `title` pada sebuah tautan?
Menentukan teks yang akan diklik oleh pengguna
Mengubah warna teks tautan
Menampilkan teks tambahan (tooltip) saat kursor diarahkan ke tautan
Memberi judul pada halaman web
Manakah dari kode berikut yang benar untuk membuat tautan yang tidak berpindah halaman saat diklik, tetapi bisa digunakan untuk menampilkan tooltip?
<a href="javascript:void(0)" title="Informasi">Teks</a>
<a>Informasi</a>
<a title="Informasi">Teks</a>
<a href="#" title="Informasi">Teks</a>
Untuk membuat navigasi internal (anchor link) di halaman web, Kalian harus:
Menggunakan atribut `class` pada tujuan dan `href` yang diawali `#` pada tautan
Menggunakan atribut `id` pada tujuan dan `href` yang diawali `#` pada tautan
Menggunakan atribut `name` pada tujuan dan `href` yang diawali `#` pada tautan
Membuat tag `<anchor>` dan tag `<a>`
Perhatikan kode berikut:
<br><h2 id='tentang'>Tentang Kami</h2>
Manakah tautan yang benar untuk mengarahkan pengguna ke bagian ini?
<a src='tentang'>Klik di sini</a>
<a id='tentang'>Klik di sini</a>
<a href='tentang'>Klik di sini</a>
<a href='#tentang'>Klik di sini</a>
Jika Kalian membuat beberapa tautan di satu halaman, atribut apa yang tidak boleh memiliki nama yang sama?
class
title
id
href
Apa yang akan terjadi jika Kalian membuat tautan dengan kode `<a href='#bagian-atas'>Kembali ke atas</a>`, tetapi tidak ada elemen dengan `id='bagian-atas'` di halaman tersebut?
Tautan akan otomatis mengarahkan ke halaman awal website
Halaman akan menampilkan pesan error
Browser akan me-reload halaman
Tautan tidak akan berfungsi sama sekali
Jika Kalian ingin membuat tautan yang membuka halaman Google di tab baru, manakah kode yang benar?
<a href="https://www.google.com" target="_self">Google</a>
<a href="https://www.google.com" target="_blank">Google</a>
<a href="https://www.google.com" new_tab>Google</a>
<a href="https://www.google.com" target="_new">Google</a>
Seorang siswa ingin membuat tautan yang menampilkan informasi "Penting!" saat kursor diarahkan, tetapi tautan itu tidak mengarah ke mana-mana. Ia menulis kode:
<br><code><a href="#">Informasi</a></code>
Apa yang kurang dari kode tersebut agar berfungsi sesuai keinginan?
Ia harus menambahkan `target='_blank'`
Ia harus menambahkan atribut `title`
Tanda `#` harus diubah menjadi nama halaman
Ia harus menambahkan atribut `download`
Fungsi dari atribut `title` pada tag `<a>` akan berjalan jika...?
Tautan tersebut mengarah ke halaman yang sama
Teks tautan dibiarkan kosong
Atribut `href` juga disertakan
Atribut `id` juga disertakan
Apa alasan utama menggunakan atribut id pada sebuah elemen untuk membuat anchor link?
Karena atribut id akan membuat teks menjadi tebal, sehingga mudah ditemukan
Karena id berfungsi sebagai tanda pengenal unik yang menjadi tujuan dari tautan
Karena tanpa id, tautan tidak akan bisa menampilkan tooltip
Karena id digunakan untuk mengatur warna teks pada tautan
Untuk membuat tautan yang melompat dari bagian atas halaman ke bagian bawah, Kalian harus membuat `id` dan `href` dengan nama yang...?
Sama persis tanpa ada tanda `#`
Sama, tetapi `href` harus diawali dengan `#`
Berbeda, untuk menghindari konflik
Apapun, karena tautan akan tetap berfungsi
Apa yang membedakan navigasi internal dengan navigasi eksternal?
Navigasi internal menggunakan tag `<a>`, sementara navigasi eksternal menggunakan tag `<span>`
Navigasi internal mengarah ke bagian halaman yang sama, sementara navigasi eksternal mengarah ke halaman lain atau website lain
Navigasi internal menggunakan `id`, sementara navigasi eksternal menggunakan `class`
Navigasi internal membutuhkan koneksi internet, sementara navigasi eksternal tidak
Manakah dari pernyataan berikut yang PALING TEPAT menjelaskan penggunaan `href='#'`?
Sebagai placeholder untuk tautan yang tidak memiliki tujuan spesifik
Untuk membuat tautan yang selalu kembali ke bagian teratas halaman
Untuk membuat tautan yang tidak berfungsi sama sekali
Untuk membuat tautan yang mengarah ke halaman utama website
