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>

Leave A Comment

All fields marked with an asterisk (*) are required