HTML Link Verme İşlemi Etiketi

Html link verme işlemleri nedir ve nasıl yapılır? Kendi sitemiz üzerinden farklı sitelere yönlendirmek için link verme işlemi yapılır ve bunun içinde <a> etiketi kullanılır. Ayrıca bu etiket ile sadece farklı sitelere değil, kendi sayfamız içerisindeki bir başlığa, bir yazıya ya da istenilen herhangi bir yere de kullanıcının gitmesi sağlanır. Bu etiketin parametrelerini görelim.

name Kendi sayfamız için yönlendirilecek yeri belirler.
target=”_blank” Tıklandığında bağlantı yeni bir pencerede açılır.
target=”_self” Tıklandığında bağlantı aynı pencere içerisinde açılır.
target=”_top” Tıklandığında bağlantı aynı pencere içerisinde en üstten itibaren açılır.
target=”_parent” Tıklandığında açılan bağlantı, o anda açık sayfayı oluşturmuş bir ana sayfa varsa onun yerine konur.
href Tıklandığında yönlendirme yapılacak bağlantı

Kendi sayfamız için örnek kullanımı;

HTML de yazımı:

<a name=”baslik”> <h1> Başlık </h1> </a>

Yazımınızın başlık kısmına bir belirteç koyduk ve sayfanın aşağı kısımlarında sayfayı ziyaret eden kişinin tek tıkla tekrar yazının başına gelmesini sağlayabiliriz.

HTML de yazımı:

<a href=”#baslık”> Başlığa gitmek için tıklayınız. </a>

Tıklandığı zaman bir üstte belirtilen yere sayfa otomatik gider.

Farklı bir siteye bağlantı vermek için örnek kullanım;

HTML de yazımı:

<a href=www.google.com target=”_blank”> Google sitesine gitmek için tıklayınız. </a>

Burada tıklandığı zaman Google sitesi yeni bir sayfada açılacaktır.

<a> etiketi arasına yazılan yazılar varsayılan olarak altı çizili ve mavi renkli olarak sayfada görüntülenir. Bunu değiştirmek mümkündür. Bunun için daha önceki yazılarımızda belirttiğimiz paylaşımlara ya da Web Geliştirme altındaki CSS başlığı altındaki paylaşımlara bakarak öğrenebilirsiniz.

Html link (<a>) etiketinin kullanım şeklini gördük. Aşağıdaki linke tıklayarak HTML ile ilgili diğer yazılarımıza da ulaşabilirsiniz. Ayrıca aşağıdaki Instagram ve Twitter linklerine tıklayarak bizleri Instagram ve Twitter üzerinden de takip ederek destek olabilirsiniz.

https://yazilimdelisi.com/category/web-gelistirme/html/

Sosyal Medya Hesaplarımız

instagram logo
twitter logo

Son Eklenen Yazılar

Bir Cevap Yazın

%d blogcu bunu beğendi: