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.

GOOG'LE GİDER

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:




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:




Haline getiriyoruz.

ÇIKTI:

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





ÇIKTI:

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




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

ÇIKTI:

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

VkWebTR Diyor ki 09/04/2015

Alıntı Yapıldı. http://vk.web.tr/index.php?threads/html-resme-link-verme.24/ Paylaşım İçin Teşekkürler.

VkWebTR Diyor ki 10/04/2015

Makale için teşekkürler.

ZEYNEP Diyor ki 03/05/2015

Ben resim ekleyip ona tıkladığımda açılan saatım olsun istiyorum. Resmin adresine saat adresini nasıl ekleyeceğim

Ömer Karaman Diyor ki 16/05/2015

Link verdiğim fotoğrafı mail olarak gönderebilir miyim ? eğer gönderebiliyorsam...maili alan kişi fotoğrafa tıkladığında aynı linke yönlendirlir mi ? fotoğrafı nasıl kaydetmem gerekiyor ? teşekkürler

yönetici Diyor ki: 16/05/2015

Gönderebilirsin, yalnız HTML etiketlerle bunu yapamazsın. PHP Dilini bilmen gerekir. php'de mail gönderme diye google'da aratabilirsin.

alp Diyor ki 09/08/2015

bu kodları nereye yazacaz daha detaylı anlatırmısın

yönetici Diyor ki: 12/08/2015

Alp, resme link verme konusu yukarıda en açık şekilde anlatılmıştır. Herhalde web programcılığına yeni başlamışınız. Websiteler iki şekilde oluşturulur. HTML Tablo yapısı veya div etiketi ile css kullanılarak oluşturulur. resimli linkleri bu kutucukların içine yerleştirilir. Size tavsiyem HTML videolarını baştan seyrederek bu konuyu iyi anlarsınız.


burcunur Diyor ki 06/09/2015

çok teşekkürler. çok güzel bir site.

cafer yılmaz Diyor ki 07/09/2015

Bilgi faydalı ve açıklayıcı olmuş çok teşekkürler.

ulutan uygur Diyor ki 05/04/2016

merhaba öncelikle bu önemli bilgileri paylaştığınız için teşekkür ederim. gayet faydalı ve kullanışlı oludu. yanlız bir sorun yaşıyorum g+ sayfamıza yönelendirmeyi başardım fakat yan sekmede açması için nasıl bir kod eklemeliyim bununla ilgilide yardımcı olursanız çok memnun olurum. İyi çalışmalar. Saygılarımla...

Mustafa Diyor ki 06/04/2016

Link verdiğim resmi nasıl değiştirebilirim

ENES Diyor ki 08/04/2016

resmim istediğimiz herhangi bir yere link nasıl vericez

Talha Diyor ki 22/06/2016

Allah Razı olsun çok basit bir yerde hata yapıyormuşum saatlerim gitti . Teşekkürler .

esen Diyor ki 06/10/2016

tesekur edeerımmm dun aksam okulda yazamadmm sımdı yazdım :)

Emir Diyor ki 09/11/2016

Acil koduyla bir sorum olacak. İki resmin gösterildiği bir gif'e ayrı ayrı iki link vermek istiyorum. Nasıl yapabilirim?

yönetici Diyor ki: 10/11/2016

Emir, resmin belirli bir noktası link verilebiliyor. google'dan "HTML resim haritaları"diye arat.

Übeyit Diyor ki 23/11/2016

Teşekkür ederim

Adınız

Eposta

Mesaj

2425

Güvenlik No

REKLAM
KATEGORİ
POPÜLER MAKALE