Link Vermek
1-) Bir Web sitesine Link vermek
2-) Site içi Link vermek
3-) Mail adresine Link vermek
4-) Sayfa içine Link vermek
5-) Bir Resme Link vermek
6-) Dokümana link vermek.
HTML sayfasına bağ (link) yerleştirmek
<a> ve </a> : bu komutla bağ (link) yapılır.
Bir web sayfasına link vermek.
<a href="www.karpuz.com"> html dersleri </a>
Biçiminde kullanılır.
Mail adresine link vermek
<a href=mailto:webmaster@karpuz.com> Mail Gönder </a>
Site İçine Link vermek
<a href=”html-link.htm”>Tıklarsan bu sayfa tekrar açılır </a>
Resme link vermek.
<a href="resim.gif"> Resmi Görüntülemek için tıklayın</a>
Dökümana link vermek.
<a href="ornek.zip"> Bu Dosyayı indirin </a>
////////////////////////////////////////////////////
<a> tagının parametreleri.
Target parametresi
Bağlantının açılacağı pencereyi belirtmek için kullanılan"target"
parametresini kullanılır.
Kullanımı:
<a href="html-dersler.htm" target="..." >html dersleri</a>
target="_blank" , Bağlantı yeni bir pencerede açılır.
target="_self" , Bağlantı aynı pencere içerisinde açılır.
target="_top" , Bağlantı aynı pencere içerisinde en üstten itibaren
açılır.
target="_parent" , Açılan bağlantı, o anda açık sayfayı oluşturmuş
bir ana sayfa varsa onun yerine konur.
target="çerçeve adı" , Frame komutu ile çerçeve oluşturulmuşsa bağlantının
adı verilen çerçevede açılmasını sağlar.( Ayrıntı için "Çerçeveler"
konusuna bakın.)
////////////////////////////////////////////////////
Linklere Klavye Tuşları ile Kısa Yol Atamak
Linklerinize klavye kısa yolları atayabilirsiniz. Böylece klavye tuşları kullanarak
sitenizin içerisinde gezilebilir. Bunu <a> tagının elemanı olan accesskey
ile yapabiliriz.
Kullanımı:
<a href="www.karpuz.com" accesskey="a">Ana
Sayfa</a>
Link için atadığınız kısa yol harfi tek başına çalışmaz. Yani yazacağınız harf
ile "ALT" tuşuna basarak linki aktif hale getirebilirsiniz.yani ALT+A
Title ile linklere acıklama verin; mouse link üzerine getirildiginde link hakkında
ayrı bir açıklama yapması sağlayabilirsiniz.
<a href="www.karpuz.com" title="Html dersleri
Ana Sayfaya Dön">Ana Sayfa</a>
////////////////////////////////////////////////////
Bir resme nasıl link verilir.
<a href=”html-link.htm”><img src="resim.gif" border="0"></a>
Resme tıklandığında bu sayfa tekrar yüklenecektir.
Resimlerde 'MAP' kullanarak link yapmak.
Map'ler bir resmin değişik yerlerine tıklandığında değişik bağların yüklenmesi
olarak tanımlanır.
Kullanımı;
<map name="falanca">
<area shape="poly" coords="108,87,48,33,151,21"
href="#">
<area shape="rect" coords="8,45,80,95"
href="#">
<area shape="circle" coords="31,11,17"
href="#">
</map>
<img src="logo_plain.png" width="160" height="100"
ISMAP usemap="#falanca">
name ile belirttiğimiz isim '<img ..' içinde usemap="#..." ile
kullandığımızın aynısı.
shape belirteci ile dikdortgen, daire, ya da poligon tanımlayabiliyoruz. Dikdörtgenin
koordinatlarını: X-sol_ust,Y-sol_ust,X-sag_alt,Y-sag_alt biçiminde 'coords="..."
' kısmında belirtiyoruz. 'href="..." ' bölümü ise bu dikdortgen alana
tıklanıldığında neyin yüklenmesi gerektiğini söylüyor.
web sitesi alanında bir çember için X-merkez,Y-merkez,R-yarıçap biçiminde koordinat
tanımlıyoruz.
Poligon tanımlarken sırayla her bir köşenin X,Y biçiminde koordinatlarını html
kodları içine giriyoruz. Dikkat etmemiz gereken husus, poligonun noktalarını
saat-yönünde tanımlamamız gerektiğidir. Ayrıca poligonu kapamaya da tarayıcı
programlar arasında uyumsuzluk nedeniyle dikkat etmeliyiz. Yukarıdaki üçgen
örneğini incelemek aslında poligon tanımı yapabilmek için yeterli. Üçgen için
dört nokta kullandık (dördüncü ilkinin dibinde). Aynı zamanda bu üçgenin X,Y
betimlemeleri de saat-yönünde girilmiş (noktaları kağıt üzerinde yaklaşık olarak
işaretlerseniz bu 'saat-yönü' kavramını daha iyi anlayabilirsiniz).
son olarak da '<area shape="default" nohref>' ile resmin diger
bölgelerine tıklanıldığında hiç bir sey yapılmaması gerektiğini söylüyoruz.
////////////////////////////////////////////////////
Çapa Yaratmak
Çapa bir sayfanın bir yerinden aynı sayfanın başka bir yerine gitmek için yapılılan
linke denir. Mesela sayfa sonundaki "Sayfa Başı" na tıkladığında sayfa
başına gidilmesi. Bunu çapa ile yaparız.
Çapa yaparken <a> tagının name elemanını kullanılır.
<a name="#sayfabsi">Html Dersleri</a>
Yukarıda sayfa başılığımız olan "Html Dersleri"ne "#" işareti
ile isim verdik.
Şimdide sayfa sonunda oluşturacağımız linki nasıl oluşturacağımızı inceleyim.
<a href="#sayfabasi">Sayfa Başına </a>
Örnek için tıklayınız- Sayfa Başı -
Dikkat edilmesi gereken name elemanını verdiğiniz isim ile href'in alacağı name
aynı olmalı aksi halde linkiniz çalışmaz.
Çapa yaparken başka bir sayfanın herhangibir ilgili yerinin açılmasınıda sağlayabiliriz.
<a href="tasarim1.htm#ilgiliyer"> linkimiz bu olaçak
tasarim1.htm sayfasında da ilgili yere aşagıdaki çapayı yazıyoruz.
<a name="ilgiliyer">İlgili Yerimizin başlığı</a>