HTML

30 Kasım 2007

Bağlar

WEB'de başka bir belgeye bağ kurma işlemidir.

Demir atma biöimi ve href niteliği

HTML bir başka belgeye bağ kurmak için <a> (çapa atma) biçimini kullanır.

Bir çapa atma, WEB'de herhangi bir kaynağı gösterebilir: bir HTML sayfası, bir resim, bir ses dosyası, bir film vb...

Bir çapa atmanın dil kuralı şöyledir:
 
<a href="url">Görüntülenecek yazı</a>

<a> biçimi bir bağlantı kurmak için çapa atma işlemidir. "href" niteliği gidilecek belgenin adresini belirtmek için kullanılır. Çapa atmanın açılış ve kapanış biçimleri arasındaki yazı bağlantı bilgisi (hyperlink) olarak görüntülenir.

Aşağıdaki çapa atma işlemi w3shools'a bağ kurmak için kullanılır:
 
<a href="http://www.w3schools.com/">W3Schools Sitesini Gezin!</a>
Tarayıcıda yukarıdaki satır şöyle görünür:

W3Schools Sitesini Gezin!

Amaç (Target) Niteliği

Amaç niteliğinde açılacak belgenin nerede olacağını tanımlayabilirsiniz

Aşağıdaki satır belgeyi tarayıcının yeni bir sayfasında açar:
 
<a href="http://www.w3schools.com/"
target="_blank">Visit W3Schools!</a>

Çapa Atma Biçimi ve Ad (Name) Niteliği

Ad niteliği adlandırılmış çapa atma işlemini tanımlar. Adlandırılmış çapalar kullanıldığında doğrudan sayfanın belirtilen yerine bağ kurabiliriz. Sayfanın başından kullanıcının bilgiyi aramaya kalkmasına oranla çok daha kullanışlı bir yöntemdir...

Adlandırılmış çapanın dil kuralı aşağıda gösterilmiştir:
 
<a name="label">Görüntülenecek yazı</a>
Ad niteliği adlandırılmış çapayı tanımlamakta kullanılır. çapa adı vermek istediğiniz herhangi bir ad olabilir.

Aşağıdaki bağ adlandırılmış çapayı tanımlar:
 
<a name="tips">Kullanılabilir ipuçları</a>
Adlandırılmış çapanın özel görüntülenme biçimi yoktur.

"ipuçları" bölümüne doğrudan bağlanmak için URL adresinin arkasına # işaretini ekleyip sonra çapa adını yazmak yeterli olacaktır. Örnek olarak:
 
<a href="http://www.w3schools.com/html_links.asp#tips">

Kullanışlı ipuçu bölümlerine atlama

"html_links.asp" dosyasındaki "Kullanışlı İpucu Bölümüne" bağlantı gösterimi aşağıdaki gibidir: 
<a href="#tips">Kullanışlı İpucu Bölümüne Atlama</a>

Temel Notlar - Kullanışlı ipuçları

Diğer HTML sayfalarına bağlantı verirken URL adresin sonuna (/) eklemeyi unutmayın. Eğer bağlantınız href="http://www.w3schools.com/html" biçimindeyse, sunucuya iki istek üretirsiniz. Çünkü sunucu adresin sonunda (/) yoksa onu ekler ve yeni bir istek yaratmanız için size gönderir. Yeni istek: href="http://www.w3schools.com/html/" biçiminde olur.

Adlı çapalar çoğunlukla büyük ve uzun bir belgenin "içindekiler" bölümünde kullanılır. Belge içindeki her bölüme bir çapa adı verilir ve bu çapalara bağlar belgenin başındaki içindekiler bölümüde yer alır.

Eğer tarayıcı çapa adını belge içinde bulamazsa, belgenin başından görüntüler ve hata mesajı vermez...
BiçimAçıklama
<a>Bir çapayı tanımlar

Örnekler

Bu örnekte HTML belgesi içinde nasıl bağlar kurulduğunu anlatır.
 
<html>
<body>

<p>
<a href="lastpage.htm">
Bu yazı</a> bu web sitesindeki bir sayfaya bağdır.
this Web site.
</p>

<p>
<a href="http://www.microsoft.com/">
Bu yazı</a> Dünya Çapında Web (WWW) üzerinde
bir sayfaya bağdır.
</p>

</body>
</html>


Bu yazı bu web sitesindeki bir sayfaya bağdır.

Bu yazı Dünya Çapında Web (WWW) üzerindeki bir sayfaya bağdır.
Bu örnekte resmi nasıl bağ olarak kullanıldığı anlatılır.
 
<html>
<body>
<p>
Bir resmi de bağ olarak kullanabilirsiniz:
<a href="lastpage.htm">
<img border="0" src="buttonnext.gif" width="65" height="38">
</a>
</p>

</body>
</html>