Dnm-2
RESİMLERE LİNK VERMEK
**********************************************************
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.
1 |
<a href="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:
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:
Haline getiriyoruz.
ÇIKTI:
Resim üzerine geldiğimizde bilgi baloncuğu çıkmasını
istiyorsak img Etiketimize title="Görünecek yazı" ekliyoruz.
1 |
<a href="http://www.google.com"> |
2 |
3 |
<img title="goog'le gider" src="images/resim.jpg" border="0"> |
4 |
</a> |
ÇIKTI:
Kullanıcılara resim önizleme vermek için:
1 |
<a href="images/resim.jpg"> |
2 |
3 |
<img src="images/resim.jpg" border="0"></a> |
Lütfen resim önizleme için aşağıdaki resme tıklayınız.
ÇIKTI: