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.

Hasan Can 08/12/2022

Hocam resim çıkmıyor. Onun yerine resim simgesi çıkıyor

yönetici 11/12/2022

Hasan, Resim yolunu yanlış gösterirsen resim simgesi çıkar.
Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlanacaktır. Lütfen Yukarıda ki mesajları okuyun tekrar aynı soruları sormayın.

9361

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
  • MİTHRİL FRAMEWORK
  • Laravel
  • Git
  • React
POPÜLER MAKALE
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML RESME LİNK VERME
  • HTML FORM OLUŞTURMA
  • CSS YATAY MENÜ YAPIMI
  • HTML RESİM EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML DİV ve SPAN NEDİR?
  • 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.