- Katılım
- 19 Ara 2017
- Mesajlar
- 549
- Tepki
- 62
HTML resme link verme
HTML'de resime link verme çok kolay iştir. Bu kod genellikle nerede kullanılır. Web siteler'de 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 WF'E 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="logo.png" 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.
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.
Resim üzerine geldiğimizde bilgi baloncuğu çıkmasını istiyorsak img Etiketimize title="Görünecek yazı" ekliyoruz.
Hepsi bukadar arkadaşlar iyi forumlar.
HTML'de resime link verme çok kolay iştir. Bu kod genellikle nerede kullanılır. Web siteler'de Reklam veren kişilerin kendi sitelerine yönlendirilmesi için bu kod kullanılır.
Kod:
<a href="https://www.webmasterforum.com.tr">WF'E GİDER</a>Yukarıda yazıya link verme örneği var. Resime'de link vermek için WF'E GİDER yazısının yerine resim ekleme etiketi img eklememiz yeterlidir.
ÖRNEK:
Kod:
<a href="https://www.webmasterforum.com.tr"><img src="images/logo.png"></a>img : resim çağırmamızı sağlayan kod.
src : resmimizin bulunduğu klasör/dosya adresini gösterir.
Resimler Ana dizindeyse direk src="logo.png" 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.
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:
Kod:
<a href="https://www.webmasterforum.com.tr"><img border="0" src="images/logo.png"></a>Resim üzerine geldiğimizde bilgi baloncuğu çıkmasını istiyorsak img Etiketimize title="Görünecek yazı" ekliyoruz.
Kod:
<a href="https://www.webmasterforum.com.tr"><img border="0" title="wf'e gider" src="images/logo.png"></a>Hepsi bukadar arkadaşlar iyi forumlar.