Html’de Bir Resime Link Vermek

Merhaba arkadaşlar bu yazımızda sizlere Html’de resme link nasıl verilir? ve bunun parametreleri hakkında detaylı bir şekilde bilgi vereceğiz. Html’de resime link vermek neden önemli ve nasıl bu işlemi yaparız anlatmaya başlayalım.

HTML resme link vermek: Web’te yeni başlayan arkadaşlarımız için önemli konulardan bir tanesi resime nasıl link verileceği konusudur. Gelin öncelikle HTML’de normalde nasıl link veriyoruz önce onu inceleyelim ve daha sonra resime link vermeyi anlatalım.

Sayfamızın bir bölümünde Google’a bağlantıyı şu şekilde veririz.

<a href="http://www.google.com.tr">Google</a>

Burada ekranda “Google” yazar ve üstüne tıkladığınızda bulunduğunuz sayfadan Google’a gidersiniz. Bu kodumuzu resime link vermek için kullanacağız. Öncelikli olarak link vereceğimiz resimimizi sayfaya çekelim.

<img src="images/picture.jpg">

Bu şekilde resmi sayfaya çekmiş olduk. Şimdi bu resmimize şu şekilde bağlantı verelim ve resme tıkladığımızda google’a bağlansın. Yapmamız gereken normal link verme kodumuz olan <a href=”http://www.google.com.tr”>Google</a> kodumuzda bulunan “Google” yazısını silip, o kısma resmimizi katacağız. Tam olarak şu şekilde olacak.

<a href="http://www.google.com.tr"><img src="images/picture.jpg"></a>

Böylelikle resme tıkladığımız google.com.tr adresi tarayıcımız tarafından açılmış olacaktır.
Peki bağlantıyı yeni pencerede açmak istersem ? : Bu durumda rel=”_blank” parametresini kullanacağız ve bu kodumuzun son hali şu şekilde olmuş olacaktır.

<a href="http://www.google.com.tr" target="_blank">
    <img src="images/picture.jpg">
</a>

Örnek kullanımlar bu şekildedir. Örneklerimizi bu şekilde çeşitlendirebiliriz.