HTML’de Resme Link Verme Kodu

146
0
PAYLAŞ
resme link verme
resme link verme

HTML‘de resme link verme çok kolay bir iştir. Bu kod nerede kullanılır. Genellikle reklam veren kişilerin tıklayınca kendi sitelerine yönlendirilmesi için bu kod kullanılmaktadır.

1 <a href="https://www.bilgikodu.com">BilgiKoduna GİDER</a>

Yukarıda ise yazıya link verme örneği vardır. Resime’de link vermek için BilgiKoduna GİDER yazısının yerine resim ekleme etiketi yani img eklememiz yeterlidir.

ÖRNEK VERELİM:

1 <a href="https://www.bilgikodu.com">
2
3 <img src="images/resim.jpg"></a>

resme link verme

href : bu resmimize link vereceğimiz web adresidir.

img : bu resim çağırmamızı sağlayan koddur.

src : bu resmimizin bulunduğu klasör/dosya adresini göstermektedir.

Resimler Ana dizinde ise direk src=”resim.jpg” eğer farklı klasördeyse, örneğin images dizinin altında ise src=”images/resim.jpg” şeklinde de belirtiriz.

Not: Web sitenizde resimlerinize link vereceğiniz için resimlerin aynı klasör/dosya içinde olduğunu da kontrol edin.

Yalnız bu şekilde yazdığımızda resim dosyamızın çevresinde ise kenar çizgisi (border) oluşur, bunu önlemek için ise img etiketimize border=”0″ kodunu ekliyoruz ve de kodumuzu:

1 <a href="https://www.bilgikodu.com">
2
3 <img border="0" src="images/resim.jpg"></a>

resme link verme

Resim üzerine geldiğimizde bilgi baloncuğu çıkmasını da istiyor isek img Etiketimize title=”Görünecek olan yazı” ekliyoruz.

1 <a href="https://www.bilgikodu.com">
2
3 <img border="0" title="goog'le gider"src="images/resim.jpg">
4 </a>

Kullanıcılara bir resim önizleme vermek için:

1 <a href="images/resim.jpg">
2
3 <imgborder="0"src="images/resim.jpg"></a>
resime link verme
resme link verme

E-Posta Aboneliği

E-posta bültenimize abone olarak yeni yazılardan haberdar olabilirsiniz. Web Tasarım, WordPress, SEO ve daha fazlası ile ilgili içerikleri ilk siz öğrenebilirsiniz.

BİR CEVAP BIRAK

Please enter your comment!
Please enter your name here