Bu etiketi bir adres belirterek başka sitelere, sayfalara ya da aynı sayfanın farklı bölümlerine bağ vermek veya eposta adreslerini yazmak için kullanırız. Web istemciler genellikle öntanımlı olarak bağları altı çizili ve mavi olarak görüntüler. <a> etiketinin bir yorum aralığı vardır ve çeşitli tanımlayıcı kodlar da etiket ile birlikte kullanılabilir.
Tablo 1.9. Bağ vermek için kullanılan kodlar
| Girilecek Kod |
Görevi |
| href = "URL" |
Yorum alanındaki bileşene tıklandığında yorumlanacak adres. |
| target = "hedef" |
Yorum alanındaki bileşene tıklandığında sayfanın açılacağı yer belirtilir. |
| name = "isim" |
Sayfa içi bağlantılarda başka bir bağın hedefi olacak yeri belirtmek için kullanılır. |
| type = "mime_türü" |
Hedefin içeriğini belirtmek için kullanılır. |
<a href=”http://www.belgeler.org”>Linux Belgelendirme Çalışma Grubu</a>
<a href="http://www.slackware.com" target="new">Slackware Linux</a>
<a href="mailto:fni18444@gantep.edu.tr">Fehmi Noyan İSİ</a>
İlkinden farklı olarak ikinci kodda “target” özelliğini kullandım. Target özelliğine “new” değerinin verilmesi ile açılacak yeni site yeni bir istemci penceresinde açılır.
Üçüncü satır belirtilen adrese eposta yollamak için kullanılır. Bağın üzerine tıklandığı zaman web istemcisinde öntanımlı olarak kayıtlı eposta istemcisi açılacaktır.
Bunların dışında resimleri de bağ olarak kullanabilme imkanımız var. Sayfamızda resimleri bağ olarak kullanabilmek için kullanmamız gereken kalıp aşağıdaki gibidir.
<a href=”http://www.belgeler.org”><img src="../images/belgeler-logo.png" border="0"></a>
<a href=”http://www.belgeler.org”><img src="../images/belgeler-logo.png" border="1"></a>
Yukarıdaki iki satır da görev olarak aynı şeyleri yaparlar. Fakat ziyaretçiye görünen bölümler arasında küçük bir fark vardır.
İlk kod satırı oluşacak bağın etrafında ikinci resimde olduğu gibi bir çerçeve oluşturmayacaktır. Kullandığımız resimli bağlarda çerçeve oluşmasını engellemek için border="0" kodunu kullanırız.
