HTML Resme Link Verme
HTML'de resime link verme oldukça kolaydır. Html olarak, ister hazır web site isterseniz de Wordpress sitelerinizde kullanabilirsiniz.
Resme link vermek veya link eklemek için Resme tıklayınca linkin yeni/başka bir sayfada açılması için hangi html kod kullanılmalı?
HTML’de resme link verme oldukça kolaydır. Html olarak, ister hazır web site isterseniz de Wordpress sitelerinizde kullanabilirsiniz.
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.
Html olarak, ister hazır web site isterseniz de Wordpress sitelerinizde kullanabileceğiniz bu kodları detaylı şekilde sizlerle paylaşıyoruz. Yazı içerisinde kullandığınız jpeg, jpg, gif, png gibi görsel resimlerinizi istediğiniz başka bir linke yönlendirebilirsiniz.
HTML Resme Link Verme
Yazıyı başka bir linke yönlendirme (Yazıya Link verme)
|
1
|
<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.
Resme verdiğiniz Linki YENİ PENCEREDE açmak için
a target="_blank"
kodunu kullanmamız gerekir.
Örnek:
<a target="_blank" a href="https://www.jollymedya.com">><img src="images/resim.jpg"></a><a target=”_blank” a href=”https://www.jollymedya.com”>
<img src=”https://www.jollymedya.com/jm-green.png”></a>
Burada Jolly Medya jpg logo resmimizi web site adresimize link vererek yönlendirdik.
Bu kodları kendi sitenizde resimlerinize veya görsellerinize uygulayabilirsiniz.
