HTML Linkler

HTML Dersleri HTML 
Linkler ile Çalışmak

Linkler neredeyse tüm web sayfalarında bulunur. Linkler kullanıcıların sayfadan sayfaya dolaşmalarını sağlayan yapılardır.

Bir HTML dosyasında link nasıl oluşturulur?

<a> etiketi  : Bir köprü tanımlar. bu etiket ile herhangi bir yazıya, sayfaya veya resme hyperlink (köprü veya bağlantı) oluşturabilirsiniz. Bir <a> etiketi bağlantı verilebilecek isimlendirilmiş bir çapa (anchor) oluşturulmasınada olanak sağlar. Çapa, sayfa içinde bir nevi yer imi görevini görerek herhangi bir bağlantı adresinin sonuna '#' karakteri ile birlikte çapa ismi kullanıldığında sayfanın o bölgesine odaklanılmasını sağlar. Farklı bir ifadeyle çapa, sayfa içi hedef bağlantı veya yer imi oluşturur. <a> etiketinin en önemli özelliği bağlantıyı hedef gösteren href niteliğidir. 

Temel Kullanımı : <a href="adres" target="hedef_tipi">link yazısı </a> şeklindedir. 

href niteliği ile gidilecek olan adres belirtilir. Bu adres herhangi bir resim, dosya, web sayfası, sayfadaki alt bir bölüm veya mail adresi olabilir. Target niteliği ise bağlantının açılış tipini belirler.  

Target niteliği Parametreleri : 

_blank (yeni pencerede aç)

_parent (açık sayfanın yerinde aç) 

_self (aynı pencere içerisinde aç) 

_top (aynı pencere içerisinde sayfa üzerinden itibaren aç)

Linklerde title Özelliği 
<a> etiketinin bir özelliğide link üzerine mouse imleci ile gelindiğinde açıklama yazısı görüntülemesini sağlamaktır.

Örnekler

<a href="http://www.ibrahimbayraktar.net">/dev/null blog</a>
<a href="mailto:leucjo@gmail.com">e-mail göndermek için buraya tıklayın.</a>
<a href="http://upload.wikimedia.org/wikipedia/commons/3/30/Googlelogo.png">Örnek resim dosyası için tıklayın.</a>
<a href="http://www.ibrahimbayraktar.net" target="_blank">bağlantıyı yeni bir sayfada açmak için tıklayın..</a>
<a href="http://www.ibrahimbayraktar.net/" target="_blank" title="bu link blog ana sayfasına gider">title özelliği</a>

HTML Görünümü
/dev/null blog
e-mail göndermek için buraya tıklayın.
Örnek resim dosyası için tıklayın.
bağlantıyı yeni bir sayfada açmak için tıklayın..
title özelliği

Yazılara  link verebildiğimiz gibi aynı şekilde resimlerede link verebiliriz.

<a href ="mailto:leucjo@gmail.com" <img src="http://www.ibrahimbayraktar.net/images/mail.png"> </a>