9/02/2014

Cara Membuat Link pada Gambar

<!DOCTYPE html>
Contoh

<html>
<body>
<a href="http://www.beyblogdesign.blogspot.com"
       target="_blank"><img src="emoticon 1.gif" alt="cara membuat link pada gambar"
       height="260" width="320"><a/></p>
</body>
</html>


  • Piliih HTML
  • Copy kode html diatas
  • Ganti tulisan yang berwarna ungu dengan alamat yang akan digunakan!
  • Ganti tulisan yang berwarna oranye dengan gambar yang diinginkan!
  • 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!

Contoh:

<html>
<body>
Summarecon Mal Serpong Culinary Writing Competition<a href="http://malserpong.com/" target="_blank"><img alt="Summarecon Mal Serpong Culinary Writing Competition" height="260" src="http://www.malserpong.com/images/FKS-Culinary-Writing-Competition-2014.jpg" width="320" /><a href="https://www.blogger.com/null"></a></a><br />
</body>
</html>

Hasil



Summarecon Mal Serpong Culinary Writing CompetitionSummarecon Mal Serpong Culinary Writing Competition

2 comments:

  1. Tempatnya oke banget makanannya enyak-enyak. Wah, perpaduan yang klop banget :D

    ReplyDelete
    Replies
    1. Terima kasih Sudah mampir mak. Maksudnya acara Festival Kuliner Serpongkan? Iya dikemas dengan apik dan dilakukan dengan sepenuh hati. http://37mw.blogspot.com/2014/09/kebersamaan-saat-festival-kuliner.html

      Delete