Cara Membuat Link pada Gambar

Tahukah sobat ??? selain untuk mempercantik tampilan blog atau website, gambar   juga bisa sobat jadikan sebagai sebuah link. Sehingga tampilan link sobat menjadi lebih menarik dan lebih interaktif dengan visitor. Dibawah ini saya akan memberikan contoh kode bagaimana cara untuk membuat link pada gambar. 

<!DOCTYPE html>
<html>
<body>
<p><a href="url tujuan"
       target="_blank"><img src="url gambar" alt="cara membuat link pada gambar"
       height="260" width="320"><a/></p>
</body>
</html>

Tampilan dari kode diatas adalah seperti dibawah ini  :

membuat link pada gambar


Ketika sobat mengklik gambar di atas, maka sobat akan dibawa ke halaman awal dari blog ini. Untuk penjelasannya silahkan sobat simak ulasan di bawah ini :
  • Ganti tulisan yang berwarna kuning dengan alamat yang akan sobat gunakan!
  • Ganti tulisan yang berwarna hijau dengan gambar yang sobat inginkan!
  • Atribut "target="_blank"" digunakan agar halaman yang diklik akan terbuka pada jendela baru di browser!
  • Atribut "alt" digunakan agar gambar dapat dikenali oleh search engine!
  • Kode html ini bisa digunakan untuk Blog dan Website!
Sekian dulu postingan saya untuk kali ini, semoga bisa menambah ilmu pengetahuan sobat semua. selamat mencoba !!

Subscribe to receive free email updates: