Bağlantılar - HTML Dersleri

HTML Dersleri

• Ana Sayfa
• İletişim

Bağlantılar Bir HTML belgesinde bağlantı (link) verme işini <a href="adres"> koduyla yapmaktayız. Link verdiğimiz kelime ortaya gelecek şekilde yine </a> ile bağlantı verme işini sonlandırmaktayız. Bu şekilde başka bir sayfaya ya da web sitesie 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:

HTML Kodu

<a href="index.html">HTML Dersleri için buraya tıklayın (Sayfa)</a> <a href="http://sitesi.web.tr/">Ana sayfa için buraya tıklayın (Site).</a> <a href="mailto:admin@venus.gen.tr">Bize e-mail göndermek için buraya tıklayın (E-mail).</a> <a href="http://html.sitesi.web.tr/images/html.gif">Site logosunu görmek için buraya tıklayın (GIF resim dosyası).</a>

HTML Görünümü

Ana sayfa için buraya tıklayın (Sayfa). Ana sitemiz için buraya tıklayın (Site) Bize e-mail göndermek için buraya tıklayın (E-mail). Site logosunu görmek için buraya tıklayın (GIF resim dosyası). Dikkat: Bir siteye link verirken www.siteadresi.com şeklinde ya da siteadresi.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:

HTML Kodu

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

HTML Görünümü

Ana sitemizi yeni bir sayfada açmak için tıklayın.. Sayfa İçi Bağlantılar Bazı durumlarda (özellikle uzun 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 yer imimizi 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) <a href="#etiket">(metin)</a> şeklinde işaretlediğimiz yere link veriyoruz.

HTML Kodu

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

HTML Görünümü

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

• Özel Karakterler
• Frame Kullanmak

HTML'ye Giriş

HTML Dili Genel Bakış Elementler Basit Kodlar Özellikler Biçimlendirme Özel Karakterler Bağlantılar Frame Kullanmak Tablolar Listeleme Form Nesneleri Resim Eklemek Arkaplan Kullanmak Renkler

Üst Düzey HTML

CSS (Stil) Dosyaları META Taglar Script Kullanmak Tüm Kodlar Tüm Fonksiyonlar Facebook Sayfamız

Programlama Türkiye