Bağlantılar (7. Ders)

[me3met]

Bir HTML belgesinde bağlantı (link) verme işini

Kod:

<a href="adres">

koduyla yapmaktayız. Link verdiğimiz klime ortaya gelecek şekilde yine

Kod:

</a>

ile bağlantı verme işini sonlandırmaktayız. Bu şekilde başka bir sayfaya ya da web sitesine bağlantı veririz. Aynı zamanda bu yolla bir müzik dosyası, bir zip arşivi vb. de link vermeniz mümkün.

Aşağıda sitenin bir sayfasına, başka bir siteye, mail adresine ve bir dosyaya link örnekleri görmekteyiz. Bunları inceleyelim:

Kod:

<a href="index.html">HTML Dersleri için buraya tıklayın (Sayfa)</a>

<a href="http://forumil.com/forum/forum-html-dersleri/">Ana Sayfa için buraya tıklayın (Site).</a>

<a href="mailto:webmaster@forumil.com">Bize e-mail göndermek için buraya tıklayın (E-Mail).</a>

<a href="http://forumil.com/forum/images/Webmaster/lgo.png">Site logosunu görmek için buraya tıklayın (Resim dosyası).</a>

Kodlarınhtml görünümü için http://www.forumil.com/nane/baglantilar.html

Dikkat: Bir siteye link verirken http://www.forumil.com şeklinde ya da forumil.com şeklinde yazarsanız link yine sayfanızda bu bağlantıyı arar. Bunun için başka bir siteye link verirken mutlaka http:// ile başlanmalıdır.

Bağlantıyı Yeni Pencerede Açmak

Bunun için target="_blank" özelliğini kodumuza ekleriz. Böylece bağlantı sayfamızda değil yeni bir pencerede açılacaktır:

Kod:

<a href="http://www.forumil.com/"target="_blank">Ana sitemizi yeni bir sayfada açmak için tıklayın...</a>

HTML olarak görmek için>>> http://www.forumil.com/nane/yenisayfa.html

Sayfa içi Bağlantılar

Bazı durumlarda (özellikle uuzn sayfalarda) sayfanın belirli bir bölümüne link vermek gerekebilir. Bunun için name="" özelliğinden yararlanırız. Böyle durumlarda href="" özelliği kullanılmaz.

Öncelikle sayfa içinde bağlantı vereceğimiz yere giderek <a name="etiket"></a> şeklinde yerimimizi belirtiyoruz. Böylece sayfanın bu kısmını işaretledik. Şimdi bu işarete link vermek için sayfa içerisinde başka bir yerde (en aşağıda ya da en yukarıda olabilir.) [b/]<a href="#etiket">(metin)</a>[/b] şeklinde işaretlediğimiz yere link veriyoruz.

Kod:

<a href="#top">Sayfa başı</a>

html kodların görünümü için>>> http://forumil.com/nane/sayfaicibaglanti.html

Örnekte görüldüğü gibi tıklandığı zaman daha önce <a name="top"></a> ile Bağlantılar yazısının hemen üsütnde belirttiğimiz yere gidiyor. Bu bölüme dışarıdan link vermek için href="baglantilar.html#top" kullanılabilir. Sayfa yüklendikden sonra işaretli kısım görünecektir.