Web sitenizde başka bir sayfaya, internet sitesine veya e-posta adresine bağlantı vermek, kullanıcıların sitenizde kolayca gezinmesini sağlar ve onlara gerekli bilgileri sunar. HTML’de link oluşturma komutları sayesinde hem yazılara hem de resimlere bağlantı ekleyebilir, kullanıcılarınızı farklı sayfalara veya sitelere yönlendirebilirsiniz. Aşağıda, HTML’de link verme yöntemleri ve örnek kullanımlarını bulabilirsiniz.
1. İnternet Sitelerine Link Vermek
Başka bir internet sitesine yönlendirmek için href
ile bağlantıyı tanımlayıp target="_blank"
kullanarak bağlantının yeni bir sekmede açılmasını sağlayabilirsiniz.
htmlKodu kopyala<a href="http://www.sitenizinadi.com" title="Sitenizin Açıklaması" target="_blank"> Siteniz Hakkında Bilgi </a>
2. Site İçindeki Sayfalara Link Vermek
Web sitenizin içindeki sayfalara yönlendirmek için, ilgili sayfanın ismini href
ile belirtin.
htmlKodu kopyala<a href="index.html">Anasayfa</a>
<a href="hakkimizda.html">Hakkımızda</a>
<a href="iletisim.html">İletişim</a>
<a href="hizmetler.html">Hizmetler</a>
3. Resimlere Link Vermek
Bir resmi bağlantı olarak kullanabilirsiniz. img
etiketi içindeki src
ile resmin yolunu, href
ile de hedef siteyi belirtebilirsiniz.
htmlKodu kopyala<a href="http://www.sitenizinadi.com" target="_blank" title="Sitenizin Resmi">
<img src="resimler/urun-1.png" width="300" height="188" alt="Ürün Resmi">
</a>
4. Email Adreslerine Link Vermek
Email adreslerine yönlendiren bağlantılar için mailto:
kullanılır. Böylece kullanıcılar doğrudan sizinle iletişime geçebilir.
htmlKodu kopyala<a href="mailto:info@sitenizinadi.com">info@sitenizinadi.com</a>
Eğer bir resmi e-posta bağlantısı olarak kullanmak istiyorsanız, şu şekilde yapabilirsiniz:
htmlKodu kopyala<a href="mailto:info@sitenizinadi.com">
<img src="resimler/email-ikon.png" width="32" height="32" alt="Email Gönder">
</a>