HTML Linkler (Bağlantılar)

HTML’de linkler, bir web sayfasından başka bir web sayfasına, dosyaya veya kaynağa geçiş yapmamızı sağlayan öğelerdir. Linkler, internetin temel yapı taşlarından biridir ve kullanıcılara bilgiye hızlı erişim sunar. Linkler, <a> (anchor) etiketi ile tanımlanır.

Temel Link Yapısı

Bir HTML linki tanımlamak için, <a> etiketini kullanırız. Bu etikette, href (hypertext reference) özelliği, bağlantının hedefini belirtir. İşte temel bir HTML linki örneği:

<a href="https://www.example.com">Example Sitesi</a>

Bu örnekte, kullanıcı “Example Sitesi” metnine tıkladığında “https://www.example.com” adresine yönlendirilir.

Link Türleri

1. Harici Linkler: Farklı bir web sitesine yönlendiren bağlantılardır.

<a href="https://www.google.com">Google'a Git</a>

2. Dahili Linkler: Aynı web sitesi içinde başka bir sayfaya yönlendiren bağlantılardır.

<a href="/hakkimizda.html">Hakkımızda</a>

E-posta Linkleri: Bir e-posta adresine tıklanıldığında, varsayılan e-posta istemcisini açan bağlantılardır.

<a href="mailto:info@example.com">Bize Ulaşın</a>

Telefon Linkleri: Tıklanıldığında, bir telefon numarasını aramayı başlatan bağlantılardır (mobil cihazlarda).

<a href="tel:+905551234567">Bizi Arayın</a>

Linklerde Target Özelliği

Linklerin yeni bir sekmede veya aynı sekmede açılmasını kontrol etmek için target özelliği kullanılır.

• _self: Varsayılan değerdir. Linki aynı sekmede açar.

<a href="https://www.example.com" target="_self">Aynı Sekmede Aç</a>

_blank: Linki yeni bir sekmede açar.

<a href="https://www.example.com" target="_blank">Yeni Sekmede Aç</a>

Linklerde Başlık ve Erişilebilirlik

Bir linkin üzerine gelindiğinde açıklayıcı bir bilgi göstermek için title özelliği kullanılabilir. Bu, erişilebilirlik açısından da önemlidir.

<a href="https://www.example.com" title="Example Sitesi">Example Sitesi</a>

Linklere İkon veya Görsel Ekleme

Bir link metni yerine bir görseli tıklanabilir yapmak için <img> etiketini kullanabiliriz:

<a href="https://www.example.com">
    <img src="example-logo.png" alt="Example Logo">
</a>

Sonuç

HTML linkleri, web siteleri arasında köprüler kurarak kullanıcıları farklı sayfalara yönlendiren önemli araçlardır.