HTML Resime Link Verme


Html-Php ve Diğer Kodlama Dilleri   

Yazar: mens    0 Yorum    212 Görüntüleme
  • Derecelendirme: 0/5 - 0 oy

Paylaşım Tarihi: 23.06.2016, 00:02:44 #1
mens ☆☆ PEACE ☆☆
Onaylı Uye
Status: Çevrimdışı Yorumları:186 Konuları:26 Kayıt Tarihi:09.04.2016 Rep Puanı: 67

HTML'de resime link verme çok kolay iştir. Bu kod genellikle nerede kullanılır. *** veren kişilerin kendi sitelerine yönlendirilmesi için bu kod kullanılır.

Kod:
<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İDER yazısının yerine resim ekleme etiketi img eklememiz yeterlidir.
ÖRNEK :

Kod:
<a href="http://www.google.com"> 
 
<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 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.


ÇIKTI : 1. Örnek Resmi Görmek İçin  Sitemize kayıtlı değilseniz linkleri görebilmeniz İçin Kayıt Olun veya Giriş Yapın


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="http://www.google.com"> 

<img src="images/resim.jpg" border="0"></a>


Haline getiriyoruz.

ÇIKTI : 2. Örnek Resmi Görmek İçin  Sitemize kayıtlı değilseniz linkleri görebilmeniz İçin Kayıt Olun veya Giriş Yapın 

Resim üzerine geldiğimizde bilgi baloncuğu çıkmasını istiyorsak img Etiketimize title="Görünecek yazı" ekliyoruz.


Kod:
<a href="http://www.google.com"> 

<img title="goog'le gider" src="images/resim.jpg" border="0"> 

</a>


ÇIKTI : 3. Örnek Resmi Görmek İçin Sitemize kayıtlı değilseniz linkleri görebilmeniz İçin Kayıt Olun veya Giriş Yapın

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

Kod:
<a href="images/resim.jpg"> 

<img src="images/resim.jpg" border="0"></a>


[b]Lütfen resim önizleme için aşağıdaki resme tıklayınız.[/b]

 4. Örnek Resmi Görmek İçin Sitemize kayıtlı değilseniz linkleri görebilmeniz İçin Kayıt Olun veya Giriş Yapın


Emeğe Saygı İçin REP Vermeyi Esirgemeyin


 
 


Kullanıcı İmzası
Resim http://i.hizliresim.com/7AA70a.png
           Günün Sözü :  Geciken adalet,adaletsizliktir.  Walter Savago Landor










Aradığınızı Bulamadınız Mı ?

Konuyu Okuyanlar:
1 Ziyaretçi