Worksheetshyperlink dan navigasi bag. 2
Total questions: 15
Worksheet time: 8mins
Tag HTML apa yang digunakan untuk membuat hyperlink?
<link>
<a>
<src>
<body>
Apa fungsi utama atribut `href` pada tag `<a>`?
Menentukan alamat tujuan atau URL dari tautan
Menentukan teks tautan yang akan terlihat oleh pengguna
Menampilkan tooltip saat kursor diarahkan ke tautan
Menentukan warna tautan
Manakah dari pernyataan berikut yang PALING TEPAT menjelaskan perbedaan antara `href='#'` dan `href='#bagian-bawah'`?
`href='#'` mengarah ke halaman utama, sementara `href='#bagian-bawah'` mengarah ke bagian halaman lain
`href='#'` tidak menavigasi, sementara `href='#bagian-bawah'` melompat ke elemen dengan id 'bagian-bawah'
Keduanya memiliki fungsi yang sama, yaitu kembali ke atas halaman
`href='#'` adalah tautan eksternal, sedangkan `href='#bagian-bawah'` adalah tautan internal
Jika Kamu membuat beberapa elemen di satu halaman untuk anchor link, atribut apa yang tidak boleh memiliki nama yang sama?
href
class
title
id
Seorang siswa ingin membuat tautan yang menampilkan informasi 'penting' ketika kursor diarahkan, tetapi tautan tersebut tidak berpindah halaman. Ia harus menggunakan atribut `href='#'` bersama dengan atribut apa?
src
class
title
id
Tautan yang menggunakan atribut `target='_blank'` akan...?
Mengunduh file yang dituju
Membuka tautan di tab atau jendela baru
Membuka tautan di jendela atau tab yang sama
Menampilkan tooltip saat kursor diarahkan
Seorang siswa memiliki file 'index.html' dan file 'tentang.html' di folder yang sama. Bagaimana kode yang benar di file 'index.html' untuk menautkan ke file 'tentang.html'?
<a href='tentang.html'>Tentang</a>
<a href='#tentang.html'>Tentang</a>
<a href='/tentang.html'>Tentang</a>
<a href='../tentang.html'>Tentang</a>
Untuk membuat tautan eksternal ke website lain, atribut `href` harus dimulai dengan...?
Bayangkan Kamu memiliki sebuah folder bernama 'proyek'. Di dalam folder ini, ada file 'index.html' dan folder lain bernama 'halaman'. Di dalam folder 'halaman' ini, ada file 'kontak.html'.
Jika Kamu sedang mengedit file 'index.html' dan ingin membuat tautan ke file 'kontak.html', bagaimana cara yang benar untuk menuliskan alamatnya di atribut href?
`href='kontak.html'`
`href='/halaman/kontak.html'`
`href='../kontak.html'`
`href='halaman/kontak.html'`
Bayangkan Kamu memiliki sebuah folder utama bernama 'proyek'. Di dalam folder ini, ada file 'artikel.html' dan folder lain bernama 'gambar'. Di dalam folder 'gambar' itu, ada file gambar 'logo.png'.
Jika Kamu sedang mengedit file 'artikel.html' dan ingin menampilkan gambar 'logo.png' di halaman mu, bagaimana cara yang benar untuk menuliskan alamatnya di atribut src?
`href='logo.png'`
`src='logo.png'`
`src='gambar/logo.png'`
`src='../gambar/logo.png'`
Bayangkan Kamu memiliki sebuah folder utama bernama 'proyek'. Di dalam folder ini, ada file 'index.html' dan folder lain bernama 'subfolder'. Di dalam folder 'subfolder', ada file 'halaman_lain.html'.
Jika Kamu sedang mengedit file 'halaman_lain.html' dan ingin membuat tautan untuk kembali ke file 'index.html', bagaimana cara yang benar untuk menuliskan alamatnya di atribut href?
`href='subfolder/index.html'`
`href='/index.html'`
`href='../index.html'`
`href='index.html'`
Jika Kamu menautkan ke file 'proyek.html' yang berada di folder lain, apa yang akan terjadi jika file tersebut tidak ada?
Tautan tidak akan berfungsi sama sekali
Browser akan menampilkan halaman kosong
Browser akan otomatis mencari file tersebut di folder lain
Halaman akan menampilkan pesan 'Error 404: Not Found'
Apa perbedaan utama antara link internal dan link eksternal?
Link internal menggunakan tag <div>, link eksternal menggunakan tag <a>
Link internal mengarah ke halaman di website yang sama, link eksternal mengarah ke website lain
Link internal tidak memerlukan internet, link eksternal memerlukan internet
Link internal menggunakan id, link eksternal menggunakan URL
Kamu memiliki 3 file di dalam folder yang sama: `beranda.html`, `layanan.html`, dan `kontak.html`. Anda ingin membuat tautan di `beranda.html` ke kedua file lainnya. Manakah kode yang paling tepat?
<a href='../layanan.html'>Layanan</a> <a href='../kontak.html'>Kontak</a>
<a href='layanan.html'>Layanan</a> <a href='../kontak.html'>Kontak</a>
<a href='#layanan.html'>Layanan</a> <a href='#kontak.html'>Kontak</a>
<a href='layanan.html'>Layanan</a> <a href='kontak.html'>Kontak</a>
Atribut mana yang bisa Kamu gunakan untuk memberikan informasi tambahan (tooltip) saat kursor mouse diarahkan ke tautan?
href
id
title
alt
