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.

bitconhane 08/05/2020

Adamsın Teşekkürler.

Engin ateş 16/08/2020

önizlemeye carouser koyma ihtimali varmı?

yönetici 19/08/2020

Engin, şu linke bak.

Feyzullah Güneş 11/02/2021

merhaba hocam, ben sitemde resim ve karşısında kısa bir açıklama ve resme ve açıklamaya tıklandığında başka bir sayfa yönlendirilmesini istiyorum bu konuda yardımcı olursanız çok memnun olurum.

yönetici 14/02/2021

Feyzullah, html dersleri basittir videolarını seyret. Hangi html elementin etrafını link etiketi ile sararsan ona link vermiş olun.
Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlanacaktır.

4572

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