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
Eren 26/01/2019
Eren 27/01/2019
Diyardan ses 13/03/2019
bitconhane 08/05/2020
Engin ateş 16/08/2020
yönetici 19/08/2020
Feyzullah Güneş 11/02/2021
yönetici 14/02/2021
Hasan Can 08/12/2022
yönetici 11/12/2022
- HTML
- CSS
- PHP
- JQUERY
- PHOTOSHOP
- JavaScript
- Web Dünyası
- Linux
- MİTHRİL FRAMEWORK
- Laravel
- Git
- React
- 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