HTML Dersleri 7 - Bağlantılar (Links)

Merhabalar bu ders ile HTML içerisinde en fazla kullanılan konuyu işleyeceğiz. Link ekleme ve dışarıdan bağlantılar çekmek bizi local durumdan global duruma geçirecektir.

HTML Dersleri 7 - Bağlantılar (Links)

HTML Link Kullanımı

HTML ile başka sayfalardan yada dosyalardan bir veri çekmek veya bir sayfaya bağlantı vermek için çoklu bağlantı kullanırız.

Link yapısı için <a> etiketini kullanırız. Bir örnek ile gösterelim:

<a href="https://cilginyazilim.com/"> Çılgın Yazılım Sitesine Git </a>

Yukarıda gördüğünüz gibi href niteliği ile bizler link hücresi oluşturuyoruz ve oraya bağlantımızı yazıyoruz. Etiket içine yazdığımız kısım diğer etiketlerde olduğu gibi sayfamızda gözükecek kısım. İnternet üzerinde veya mobil uygulamalarda kullandığımız tüm butonlar aslında bir link yapısı taşıyor. Butonlara tıkladığımız zaman butonun içerisinde bulunan dosya veya siteye bizi yönlendirir.

Hedef (target) Niteliği

Target ile dokümanın nerede açılacağını belirtiriz. Örneğin bu linki yeni pencerede aç demek için aşağıda bulunan örneği yazabiliriz.

<a href="https://cilginyazilim.com/" target="_blank">Çılgın Yazılım Sitesine Gidin</a>

Örnekler ile konuyu ilerletmek gerekirse şu şekilde anlatalım. name parametresi ile kısayollar kurabiliriz. Aşağıda bir örnek verelim :

<a name="cilgin">Link Bağlantısı Burada</a>

cilgin kısmını name parametresi ile kullandık şimdi name parametresinde belirttiğimiz cilgin'a link verelim.

<a href="https://cilginyazilim.com/#cilgin"> Link Bağlantısı </a>

Şimdi link yapısının sonuna #cilgin yazıdığımız görülmekte. Bu bizlere bir kısayol oluşturacak sonuca vardırmak için bir örnek ile gösterelim. 

<a href="#cilgin"> Kısayol Link</a>

Bu şekilde linklere kısayol vererek aynı linkleri birden fazla kez yazmamıza gerek kalmaz. Bu şekilde hem zaman kazanırız hem de pratik kod yazım yetenekleri.

Öğretici Notu : Sizler anlattığım dersleri ve örnekleri uygulamanız gerekmekte. Sizler de uygulayarak uygulamaları pekiştirerek öğrenimi kalıcı hale getirebilirsiniz.