HTML resme link verme

WebmasterForum

Coder / Web Uzman
Yönetici
Katılım
19 Ara 2017
Mesajlar
546
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.

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>
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:
Kod:
<a href="https://www.webmasterforum.com.tr"><img border="0" src="images/logo.png"></a>
Haline getiriyoruz.

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.
 
Üst Alt