HTML'de resime link verme çok kolay iştir. Bu kod genellikle nerede kullanılır. Reklam veren kişilerin kendi sitelerine yönlendirilmesi için bu kod kullanılır.


 

<a href="http://www.google.com" _fcksavedurl="http://www.google.com">GOOG'LE GİDER</a>

Yukarıda yazıya link verme örneği var. Resime'de link vermek için GOOG'LE GİDER yazısının yerine resim ekleme etiketi img eklememiz yeterlidir.

 

ÖRNEK:   
 

<a href="http://www.google.com" _fcksavedurl="http://www.google.com"> <img src="images/resim.jpg" _fcksavedurl="images/resim.jpg"></a>

href : resmimize link vereceğimiz web adresi.

img : resim çağırmamızı sağlayan kod.

src : resmimizin bulunduğu klasör/dosya adresini gösterir.

Resimler Ana dizindeyse direk src="resim.jpg" farklı klasördeyse, örneğin images dizinin altındaysa src="images/resim.jpg" şeklinde belirtiriz.

Not: Web sayfasında resimlerinize link vereceğiniz için resimlerin aynı klasör/dosya içinde olduğunu kontrol edin.


ÇIKTI :

 

Gördüğünüz üzere kodumuz çalışmakta. Yalnız bu şekilde yazdığımızda resim dosyamızın çevresinde kenar çizgisi (border) oluşur, bunu önlemek için img etiketimize border="0" kodunu ekliyoruz ve kodumuzu:


 

<a href="http://www.google.com" _fcksavedurl="http://www.google.com"> <img src="images/resim.jpg" _fcksavedurl="images/resim.jpg" border="0"></a>


Haline getiriyoruz.

ÇIKTI :

 

Resim üzerine geldiğimizde bilgi baloncuğu çıkmasını istiyorsak img Etiketimize title="Görünecek yazı" ekliyoruz.


 

<a href="http://www.google.com" _fcksavedurl="http://www.google.com"> <img title="goog'le gider" src="images/resim.jpg" _fcksavedurl="images/resim.jpg" border="0"> </a>


ÇIKTI :

 

<a href="images/resim.jpg" _fcksavedurl="images/resim.jpg"> <img src="images/resim.jpg" _fcksavedurl="images/resim.jpg" border="0"></a>


Lütfen resim önizleme için aşağıdaki resme tıklayınız.

ÇIKTI :

 

MEMORY HACKERS'tan  Mens