HTML Bağlantılar

HTML başka sayfalara kendi üzerinden bağlantı (link) kurmak için hyperlink (çoklu bağlantı) özelliğini kullanılır.

Örnekler

Link oluşturma

Bir resime link vermek

<a> Etiketi ve href parametresi

HTML başka bir dökümana link oluşturmak için <a> etiketini kullanır.

Kullanım biçimi:

 

Kod:

<a href="url">Görüntülenecek Metin</a>

Bir örnek:

 

Kod:

<a href="http://www.htmldersleri.org/">Kodlayın, Tıklayın, Görün...</a>

Kodlayın, Tıklayın, Görün...

Hedef (target) Parametresi

Target parametresi ile dökümanın nerde açılacağını belirtebilirsiniz.

Aşağıdaki bağlantıya tıklanırsa, döküman yeni bir pencerede açılacaktır.

 

Kod:

<a href="http://www.htmldersleri.org/" target="_blank">Kodlayın, Tıklayın, Görün...</a>

<a> Etiketi ve Name Parametresi

Bu parametre ile aynı döküman içinde belirlenmiş başka bir satıra direkt geçiş yapılabilir.

Kullanım Biçimi:

 

Kod:

<a name="label">Görüntülenecek Metin</a>

The name attribute is used to create a named anchor. The name of the anchor can be any text you care to use.

Bir Örnek:

 

Kod:

<a name="ipucu">Yararlı Bilgiler</a>

İpucu kısmına direkt link vermek için, URL'nin sonuna #ipucu yazınız:

 

Kod:

<a href="http://www.htmldersleri.org/ornekler/html_links.htm#ipucu">
Yararlı İpuçları</a>

Dosya ismi kullanmadan o dosya içerisinde bir yere geçmek:

 

Kod:

<a href="#ipucu">Yararlı İpuçları</a>

KAYNAK: http://www.bilgisayardershanesi.com/bilgisayar_dersleri/html-baglantilar.html