Webin ortaya çıkışını tetikleyen en temel yapı; hipermetin olarak adlandırılan birbirine bağlantılı içeriklerdir. HTML'ye adını veren bu içerikleri birbirine bağlamak için bağlantılardan (link) faydalanırız. Bağlantılar aracılığıyla bir web sitesinde sayfalar arasında gezinebilir veya bir web sitesinden diğerine geçiş yapabiliriz.

HTML bağlantıları oluşturmak için etiketi kullanılır. Temel söz dizimi şu şekildedir:

Bağlantı metni

href

Bir bağlantı oluşturmak için href özniteliğini kullanmak zorunludur. href özniteliğine verilen URL değeri başka bir HTML sayfası, bir web sitesi veya herhangi bir dosya olabilir. Başka bir web sitesine bağlantı vermek için web sitesinin mutlak adresi yazılmalıdır. Örneğin; web sitenizin ana sayfasından Anadolu Üniversitesi web sitesine bağlantı vermek için href özniteliğine sitenin tam adresini yazmanız gerekir:

Anadolu Üniversitesi

Web sitenizin ana sayfasından başka bir sayfaya bağlantı vermek için ise sadece sayfanın bulunduğu yolu belirtmeniz yeterlidir:

Ana Sayfa
İletişim
Yönetim Kurulu

target

a etiketine target özniteleğini ekleyerek, bağlantının nasıl açılacağını belirleyebilirsiniz. Örneğin; bir bağlantıyı yeni bir pencerede açmak için target="_blank" değerini kullanabilirsiniz.

Anadolu Üniversitesi

target özniteliği şu değerlere sahip olabilir:

  • _blank: Bağlantı yeni bir tarayıcı penceresinde açılır.
  • _self: Bağlantı varolan pencere içinde açılır. Varsayılan değerdir.
  • _parent: Bağlantı ana çerçeve içinde açılır.
  • _top: Bağlantı en üstteki çerçeve içinde açılır.
  • Veya çerveve adı belirtilerek bağlantının özel bir çerçeve içinde açılması sağlanabilir.

Bir Resme Bağlantı Vermek

Bir resme link vermek istiyorsanız, etiketini etiketi ile sarmanız gerekir:

<a href="url">
   <img src="/img/ornek.jpg" alt="Örnek" />
a>

Bir Web Sayfasının Belli Bir Bölümüne Bağlantı Vermek 

etiketini kullanarak bir sayfanın içindeki başka bir bölüme de bağlantı oluşturabilirsiniz. Bunun için yapmanız gereken ilk şey bağlantı vermek istediğiniz bölümü id özniteliğini kullanarak işaretleyin. Ardından bağlantınızın href özniteliğini şu şekilde değiştirin:

<a href="#bolum1">1. Bölüme gita>
En son değiştirme: Pazartesi, 21 Temmuz 2025, 11:30 ÖÖ
◄ Tablolar
Görseller ►