Gambar memang multifungsi. Tidak cuma sebagai media untuk mempercantik dan menghias halaman serta menambah ilustrasi di halaman. Namun juga bisa dipakai untuk membuat link. Link yang berupa gambar akan lebih menarik pengunjung. Terutama jika gambarnya menarik dan senada dengan informasi yang akan ditampilkan pada gambar.
Tekniknya sebenarnya simpel. Hanya merupakan gabungan dari tag <a> dan di tengahnya ada tag <img> untuk menampilkan gambar. Jadinya gambar menjadi link. Formatnya seperti berikut:
<a href="url_dari_link"><img src="file_gambar"></a>
Contohnya kode berikut:
<html>
<head>
<title>link dengan gambar</title>
</head>
<body>
<h1> klik pada gambar untuk menuju halaman lain </h1>
<a href="http://detikfood.com"><img src="makanan.jpg" />
</a>
</body>
</html>
Berikut ini tampilannya saat dilihat di browser
Rupanya gni nanam link di gambar.. Thanks gan
BalasHapusizin coba ya gan, terimakasih.
BalasHapusTerimakasih gan caranya ,, izin mencoba
BalasHapusternyata cukup mudah ya min, thanks min :)
BalasHapusmantap (y)
BalasHapusmudah ternyata coba ahh
BalasHapusNyoba dulu om , terima kasih
BalasHapusmantap bisa digunain buat blogku gan
BalasHapusKeren gan
BalasHapusTerima kasih, pas buat bikin banner iklan nih
BalasHapusso easy.... :)
BalasHapusthanks...
tnk gan atas tutorial iyeee gannn
BalasHapusmenurut saya, contain blog ini cukup informatif bagi yg ingin memperdalam tentang dunia blogging..
BalasHapusIni HTML ap gabnungan javascrip?
BalasHapushtml nya mantap gan
BalasHapusmantap gan :D
BalasHapusjoss gandoss gan
BalasHapussip gan,saya baru tau cara link,thank infonya
BalasHapusijin coba gan
BalasHapuscoba gan ilmunya
BalasHapusSangat membantu gan , Thank info
BalasHapustutorialnya mantab gan
BalasHapus