HTML RESME LİNK VERME

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.


<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:

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 border="0" src="images/resim.jpg"></a>

Haline getiriyoruz.

ÇIKTI:

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 border="0" title="goog'le gider"

 src="images/resim.jpg">
</a>

ÇIKTI:

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

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

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

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

ÇIKTI:

Lütfen Link konusunu anlamak için Tıklayınız.

Eren 04/12/2018

Teşekkürler. yararlı bir makale

Eren 26/01/2019

Hocam linki yeni sekmede açma kodu varmı?

Eren 27/01/2019

Eren, HTML link ekleme konusuna bak.

Diyardan ses 13/03/2019

Faydalı oldu teşekkür ederim.
Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlacaktır.

5153

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
  • MİTHRİL FRAMEWORK
POPÜLER MAKALE
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML RESME LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML DİV ve SPAN NEDİR?
  • HTML FORM OLUŞTURMA
  • HTML KAYAN RESİM VE Marguee KULLANIMI
  • HTML ARKAPLANA MÜZİK EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML RESİM EKLEME
  • PHP ceil()-floor()-round() YUVARLAMA FONKSİYONU
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.