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.
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 resme link verme örneği
HTML:
<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.
Resim linkini yeni sekmede açma
Örnek kodda target özelliğine _blank değeri verilerek linkin yeni sekmede açılması sağlanıyor.
HTML:
<a href="ornek.html" target="_blank" >
<img src="test.jpg" />
</a>