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