HTML Resme Link Verme

  • 03-07-2020 11:42
  • 7854

Web sayfalarında resimlere link vermek için resim tagı a tagı içine alınır. a tagı hem text için hemde resim için kullanılabilir. a tagının href özelliğine link verilecek sayfanın adresi yazılır. Resim eklemek için ise img tagı kullanılır. img tagının src özelliğine resmin URL asdresi yazılır. Sayfaya resim eklemenin daha ayrıntılı anlatımını ve örneklerini HTML Resim Ekleme sayfasında bulabilirsiniz.

HTML resme link verme örneği

<a href="ornek.html">
    <img src="test.jpg" />
</a>

 

Yukarıdaki örnekte resmin üzerine tıklanınca ornek.html sayfası açılır. Ayrıca resimle birlikte textede aynı tag içine yazılarak textede link verilmiş olur. HTML link verme ayrıntılarına HTML link verme sayfasından ulaşabilirsiniz.

Resim linkini yeni sekmede açma

Örnek kodda target özelliğine _blank değeri verilerek linkin yeni sekmede açılması sağlanıyor.

<a href="ornek.html" target="_blank" >
    <img src="test.jpg" />
</a>