koddostu facebook koddostu google+ koddostu twitter
Paylaş Share

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:

1 <a href="http://www.google.com">
2  
3 <img src="images/resim.jpg"></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="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:

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

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:



Google PageRank Checker Powered by  MyPagerank.Net
talhaisbitirici.tr.gg
Tüm hakları saklıdır.Copyright © 2012 - 2013
Çizen: Muhammed Talha İŞBİTİRİCİ , HTML&CSS Döken: Muhammed Talha İŞBİTİRİCİ
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=