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.
Yukarıda yazıya link verme örneği var. Resime'de link vermek için GOOG'LE GİDERyazısının yerine resim ekleme etiketi img eklememiz yeterlidir.
ÖRNEK:
3 |
<img src="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 imagesdizinin altındaysa src="images/resim.jpg" şeklinde belirtiriz.
Not: Web sayfasında resimlerinize link vereceğiniz için resimlerin aynı klasör/dosyaiç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 imgetiketimize border="0" kodunu ekliyoruz ve kodumuzu:
3 |
<img border="0" src="images/resim.jpg"></a> |
Haline getiriyoruz.
ÇIKTI:
Resim üzerine geldiğimizde bilgi baloncuğu çıkmasını istiyorsak img Etiketimizetitle="Görünecek yazı" ekliyoruz.
3 |
<img border="0" title="goog'le gider"src="images/resim.jpg"> |
ÇIKTI:
Kullanıcılara resim önizleme vermek için:
1 |
<a href="images/resim.jpg"> |
3 |
<img border="0" src="images/resim.jpg"></a> |
Lütfen resim önizleme için aşağıdaki resme tıklayınız.
ÇIKTI:
|
