Son Yazılar

Html Resme Link Verme

Html Resme Link Verme

Sayfanızda yer alan yazı ve resim gibi nesnelere bağlantı vererek başka bir sayfaya yönlendirebilirsiniz. Html <a href="#"><img src="url"></a> link etiketini kullanarak bunu yapabilirsiniz. Link vermek istediğiniz resmi ( <a href="#"><img src="url"></a> ) etiketi içindeki url yazısı yerine resmin url adresini yazmanız gerekir. Html kodu ile resime verdiğiniz linkin aynı sayfada da görüntülenmesi için link etiketini <a href="#"><img src="url"></a> ) bu şekilde kullanın. Linkin başka bir sayfada açılması için <a href="#" target="_blank"><img src="url"></a> ) bu şekilde target blank eklemelisiniz.



Uygulama Html Kodu
<!DOCTYPE html>
<html>
 <head>
 <title>Link Örnegi</title>
 <style>
  .link {
  border: 5px ridge #000
  }
  p {
  text-align:center;
  margin:25px;
  font-size:20px;
  }
 </style>
 </head>
 <body>
 <div class="link">
 <a href="https://www.bilgisayartechnology.com" target="_blank"><img src="https://1.bp.blogspot.com/-eLWogGSJM0g/Wuxr9w-kd0I/AAAAAAAAAeU/aWcu64nDVHQFkTLK8jMXoHXhwugzxkpXQCLcBGAs/s1600/html_resme_link_verme_bilgisayartechnology.com.jpeg"></a>
 </div>
 </body>
</html>


Html Resme Link Verme


Yorum Yayınla

Yazı Hakkındaki Düşünceleriniz...

Daha yeni Daha eski