Bağlantı/Link Etiketi

Photo by Jackson Sophat on Unsplash

Bağlantı etiketi HTML'de bir bağlantı veya hyperlink oluşturmak için kullanılan bir yapısal etikettir. Bu etiket, kullanıcıların başka bir web sayfasına, dosyaya, e-posta adresine veya belirli bir konuma doğrudan erişmesini sağlar. Bağlantı etiketi, web sayfalarında gezinme, içerik paylaşma ve etkileşim sağlama için temel bir araçtır.

Kullanımı

Bağlantı etiketi, açılış etiketi <a> ve kapanış etiketi </a> şeklinde kullanılır. Bağlantının hedefini belirtmek için href özniteliği kullanılır.

<a href="https://www.example.com">Örnek Bir Bağlantı</a>

Bu örnek, “Örnek Bir Bağlantı” metnini içeren ve kullanıcıyı “https://www.example.com" adresine yönlendiren bir bağlantı oluşturur.

Metin içi bağlantılar

Bağlantı etiketi, metin içinde yer alabilir. Bu durumda, bağlantının metni kullanıcıya görüntülenir ve kullanıcı metne tıkladığında bağlantının hedefine yönlendirilir.

Daha fazla bilgi için <a href="https://www.example.com">buraya</a> tıklayın.

Bu örnekte, “buraya” metni bir bağlantı olarak görüntülenir ve tıklanabilir. Tıklandığında kullanıcı “https://www.example.com" adresine yönlendirilir.

Hedefleri belirtme

href özniteliği, bağlantının hedefini belirtir. Bu öznitelik, web sayfaları, dosyalar, e-posta adresleri veya belirli konumlar gibi çeşitli hedefleri destekler.

Web sayfasına bağlantı

<a href="https://www.example.com">Örnek Bir Bağlantı</a>

Dosyaya bağlantı

<a href="documents/example.pdf">Örnek Bir Dosya</a>

E-posta bağlantısı

<a href="info@example.com">Bize E-posta Gönderin</a>

Belirli bir konuma bağlantı

<a href="#section1">Bir Konuma Git</a>

Bu durumda, #section1 belirli bir id'ye sahip bir HTML öğesini hedefler ve ekran #section1 öğesinin bulunduğu yere scroll ile hareket eder.

Hedefi yeni bir pencerede açma

Bağlantının hedefini yeni bir tarayıcı penceresinde açmak için target özniteliği kullanılabilir.

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

Bağlantı etiketi, web sayfalarında gezinme, içerik paylaşma ve kullanıcı etkileşimi sağlama gibi birçok farklı senaryoda kullanılır. Bağlantılar, web sayfalarının kullanıcılar arasında etkileşimi artırmasına ve kaynaklara kolay erişim sağlamasına yardımcı olur.