HTML Resime Link Verme


Html-Php ve Diğer Kodlama Dilleri   

Yazar: mens    0 Yorum    222 Görüntüleme

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.

<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 :
<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  Tıklayınız..


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:


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

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

Haline getiriyoruz.

ÇIKTI : 2. Örnek Resmi Görmek İçin  Tıklayınız... 

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


<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  Tıklayınız..

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

<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 Tıklayınız..


Emeğe Saygı İçin REP Vermeyi Esirgemeyin


 
 

Kullanıcı İmzası
7AA70a.png
           Günün Sözü :  Geciken adalet,adaletsizliktir.  Walter Savago Landor




Önceki Konu Sonraki Konu





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

Konuyu Okuyanlar:
1 Ziyaretçi