Ada perbedaan antara menyisipkan gambar pada a halaman web dan menjadikan gambar itu tautan yang dapat diklik. walaupun HTML serupa, tautan bergantung pada jangkar elemen sementara gambar menggunakan gambar elemen. Namun, gambar mungkin bersarang di dalam jangkar, membuat gambar itu dapat diklik sebagai tautan.
Memasukkan Gambar ke Elemen Jangkar
Penggunaan umum dari tautan berbasis gambar adalah grafik logo situs, yang kemudian ditautkan kembali ke beranda situs.
Inilah cara Anda menempatkan gambar yang tidak dapat diklik dalam dokumen HTML:
Untuk mengubah gambar menjadi tautan, tambahkan tautan jangkar, buka elemen jangkar sebelum gambar dan tutup jangkar setelah gambar. Teknik ini mirip dengan cara Anda menautkan teks, kecuali bahwa alih-alih membungkus kata-kata, Anda membungkus gambar:
Saat Anda menambahkan jenis HTML ini ke halaman Anda, jangan letakkan spasi di antara tag jangkar dan tag gambar. Jika Anda melakukannya, beberapa browser akan menambahkan tanda centang kecil di samping gambar, yang akan terlihat aneh.
Logo sekarang juga berfungsi sebagai tombol beranda, yang merupakan standar web saat ini.
Perhatikan bahwa kami tidak menyertakan gaya visual apa pun, seperti lebar dan tinggi gambar, dalam markup HTML kami. Kami akan meninggalkan gaya visual ini ke CSS dan mempertahankan pemisahan yang bersih antara struktur HTML dan gaya CSS.