Html'de Linkler (Köprüler)

Linkler iki doküman arasında köprü görevi görür, istenilen belge ve dosyalara kısa yoldan ulaşmamızı sağlarlar. Tek yapacağımız o linke tıklamak olacaktır. İstediğimiz herhangi bir metine veya resime link verebiliriz. Linkler düzenli bir şekilde kullanıldığında sayfamızın tasarımını etkileyen öğelerdir.

Link Kullanımı:
Link yaratmak için <a> </a> tagını kullanırız. Tabi <a> </a> tagının yardımcı elemanları da unutmamak lazım.

Yukardaki örnekte <a> </a> tagı ile linki yarattıyoruz, href elemanı ile link verilen dosya veya belgenin adresini, adını ve uzantısını yazıyoruz. <a> ile </a> arasında kalan kelimeler ise html dökümanımızda link olarak gözüküyor.

Hazırlanan örnek tarayıcınızda şöyle gözükecektir: Link Örneği

Çeşitli Link Örnekleri; Herhangi bir web adresine link vermek:

Herhangi bir dosyaya link vermek:
Herhangi bir resime link vermek:
E-Mail atılabilmesi için link oluşturmak:
Bazı uzantılara sahip dosyalar tarayıcı tarafından açılamaz (görüntülenemez).Bu tür dosyalar açılamadığından tarayıcı bunları sabit diskinize kaydetmek ister ve size bir mesajla kaydetmek isteyip istemediğinizi sorar. Örneğin; ".doc, .exl, .exe, vb. " gibi. Bu yüzden link verilirken dosyanın uzantısını dikkate almak zorundasınız. Tarayıcı resim dosyalarından ".gif, .jpg, .bmp, .wmf" uzantılı dosyaları görüntüleyebilir. ".tif" gibi uzantıları görüntüleyemez.
Eğer ziyaretçinizin bir dosyayı bilgisayarına kaydetmesini isterseniz bu dosyayı tarayıcının görüntüleyemediği bir dosya olan ZIP dosyasının içine koyun.

Linkleri Hedeflemek

Yarattığınız linke tıklandığında açılması gereken sayfa o linkin bulunduğu sayfada açılır. Ama linkler başka bir pencerede ya da istenilen bir pencerede açılabilir. Bunu yapabilmeniz için linki başka bir pencereye yönlendirmelisiniz (hedeflemek). Bu kullanım en iyi çerçeveli sayfalarda kendini gösterir. Çerçeveli sayfalar oluşturmayı daha sonra öğreneceğiz. Linkleri hedeflemek için target parametresini kullanırız. target parametresinin de yardımcı elemanları vardır.

Bunlar;

• "_blank" : linki, yeni bir sayfada açar.
• "_self" : linki, aynı sayfada açar.
• "_parent" : linki, bulunduğu çerçevede sayfada açar.
• "_top" : linki, tüm çerçeveleri kapatarak bütün sayfada açar.

Kullanımları:
Alttaki kod, links.htm adlı html dökümanını yeni bir sayfada açar.
Alttaki kod, links.htm adlı html dökümanını aynı sayfada açar.