HTML

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.

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>
 
Örnek 2
jpg resme link verme

 <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.

Devamını Gör

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu
Kapalı
Kapalı