Html Dersleri – 6 – Bağlantılar

Html Dersleri serimizin 6. konusunda bağlantılardan bahsedeceğiz. Html sayfalarımızda bağlantılara ihtiyacımız olabilir. Kullanıcılarımızı farklı sitelere, sitemizdeki farklı bir adrese veya sayfamız içerisindeki bir alana bir bağlantılar ile yönlendirebiliriz.

Bağlantıları oluşturmak için <a>…</a> etiketini kullanıyoruz. <a> etiketinin href parametresini kullanarak bağlantı oluşturabiliriz. Bu bağlantıya tıklayan kullanıcılar belirtilen adrese yönlendirilecektir.

(Parametrelerden daha önce ki konumuzda bahsetmiştik. Henüz okumadıysanız [Html Dersleri – 5 – Parametreler])

Kullanım:

<a href="url">Görüntülenecek Metin</a>

… şeklindedir.

Örneğin :

<a href="https://mitopya.com">Mitopya.com | Sosyal İçerik Sitesi</a>

Örneğimizde oluşturduğumuz link sayfada Mitopya.com | Sosyal İçerik Sitesi şeklinde gözükecektir. Tıklandığında ise https://mitopya.com adresine yönlendirecektir.

Çıktısı:

Target Parametresi

Target parametresini kullanarak bağlantının nasıl açılacağını belirtebiliriz.

Kullanım:

<a href="url" target="_blank|_self|_parent|_top|framename">

Target parametresi boşbırakldığında veya kullanılmadığında varsayılan olarak _self seçili gelmektedir.

Örneğin:

<a href="https://mitopya.com" target="_blank">Yeni Sekmede Aç</a>
<a href="https://mitopya.com" target="_self">Bu Sekmede Aç</a>

Çıktısı:

Örneğimizde target parametresini kullanarak bağlantımızın aynı sekmede veya farklı sekmede açılmasını sağlamış olduk.

Diğer Bağlantı Tipleri

Href parametresi içerisinde mail adresi belirterek mail bağlantısı, dosya konumu/adresi belirterek indirme bağlantısı veya sayfa içerisindeki bir elementimizin id’sinin belirterek bağlantıya tıklandığında sayfanın o kısmına yönlendirilmesini sağlayabiliriz.

Örnekler:

<div id="yonlendirilecekElement">Sayfa İçinde Bağlantıya tıklandığında bu elemente yönlendirilecek.</div>
<hr>
<a href="MailAdresi">Mail Bağlantısı</a>
<br>
<a href="DosyaYolu">Dosya Bağlantısı</a>
<br>
<a href="#yonlendirilecekElement">Sayfa İçinde Bağlantı</a>
<hr>

Çıktısı: