Şimdi HYPERTEXT LINK (gösterilen bir adrese sıçrama) eylemini öğreneceksiniz.
HYPERTEXT LINK bir başka yere bağlanma eylemidir. Üç türlü bağlantı düşünebiliriz:

Genel olarak bir yere bağlanmak için, oranın internet adresinin (URL-- Universal Resource Locator) yazılması gerekir.

Aynı makinada ise, bulunduğu yerin adresi (path-- sürücü, dizin, alt dizinler) yazılır. Dizinler için göreceli adres verilebilir.

Örnek

ders adlı dizin içinde bulunuyorsak, Text adlı alt dizinin içindeki deneme.html adlı web sayfasına bağlanmak için

yazılır. Dizin ve dosya adlarını yazarken, Unix işletim sisteminin büyük-harf / küçük-harf ayrımı yaptığını unutmayınız. Dizin ve dosya adlarını yazarken aslına tam uygunluk zorunludur. Ayrıca, göreceli adres verirken dizin yapısına da tam uygunluk gerekir. Aksi halde, tarayıcı (browser) istenen web sayfasını bulamaz.

Uzaktaki bir makinada ise, onun tam internet adresi yazılır. Örneğin,

linki, tarayıcıyı URL adresi www.w3.org olan makinaya bağlar...

Tarayıcı yazılan adresi göstermez;ancak adresten sonra yazılan texti, yani, HTML DERS NOTLARI 'nı gösterir.Gösterilecek text olarak, kullanıcının kolay anlayacağı bir ifade seçilmelidir. Adresin görüntülenmesini istiyorsak, adresi ayrıca text olarak yazabiliriz:

yazılmalıdır. Burada ilk satır URL adresidir ama ikinci satır bir texttir ve bu text yukarıdaki HTML DERS NOTLARI textinin rolünü oynamaktadır.

Bağ kurarken, görüntüye gelecek harf büyüklüğünü seçmek için H1-H6 nitelemelerinden birisi kullanılabilir.

Örnek

DERS NOTLARI

DERS NOTLARI

Web sayfanızdan, isteyen bir kullanıcının size e-mail gönderebilmesi için URL yerine kendi e-mail adresinizi yazmanız yeterlidir. Bunun için, örneğin, < a href="mailto:tkaracay@baskent.edu.tr"> yazılır.

Sorularınızı e-mail ile sorabilirsiniz!

tkaracay@baskent.edu.tr

Özet

• İstediğiniz bir web sayfasına link yapmak için, o sayfanın URL adresini yazmanız yeterlidir. URL adresi http, ftp ya da mail protokollarını kullanıyor olabilir.
• URL adresini " " içerisine almalısınız.
• URL-- adresinin yanına açıklayıcı bir text koymalısınız. Web tarayıcısı,adresi değil bu texti gösterir.

NAME ve ID

Bir Web sayfası açıldığında, aksi istenmemişse, görüntüye sayfanın en başı gelir. Çok uzun bir dökümanda, istenen yere ulaşmak için, sayfayı baştan sona doğru taramak gerekir. Sayfalar süren bir dökümanda bu iş zaman alıcı ve bıktırıcı olur. Bu nedenle, web sayfası uygun alt başlıklara bölünüp, buralara doğrudan sıçrama yapmak mümkündür. Bunu yapan iki niteleme (parametre) vardır: NAME ve ID.

NAME

Döküman içinde sıçranacak yer(ler)e bir(er) ad verilir. Örneğin, URL adresi ephesus.org.tr olan bir makinada bio/zoo adlı dizin içinde zooloji.html adlı uzun bir web sayfası varolsun. Bu dökümanda Memeli Hayvanlar adlı bir alt başlığa sıçrama yapılabilmesini istiyorsak, bu alt başlığı bir adla (name) belirleriz (işaretleriz). Bunun için

kodu yazılabilir. Bu kod web tarayıcısında görünmez; ancak tarayıcı bu işaretin olduğu yeri NAME karşısına yazılan adla bulur. Başka bir deyişle, bu kod, dökümanın bu noktasının "Memeliler" adıyla belirlenmesini sağlar. Burada name (="Memeliler") ve açıklama (Memeli Hayvanlar) yerine istenen başka bir ad ve açıklayıcı bir deyim konulabilir.

Yakın ya da uzaktaki her tarayıcı, doğru adresi vererek bu noktaya sıçrayabilir. Şimdi bunun nasıl yapılacağını göreceğiz:

Aynı dökümanın herhangi bir yerinden bu nokta işaret edilebilir:

Bunun için, nereden sıçrama yapılması isteniyorsa, o noktaya

< A HREF="Memeliler" > Memeli Hayvanlar < /A >

kodu yazılır.

Aynı makinadaki başka bir web sayfasından bu nokta işaret edilebilir:

Bunun için, nereden sıçrama yapılması isteniyorsa, o noktaya

< A HREF="zooloji.html#Memeliler" > Memeli Hayvanlar < /A >

kodu yazılır. Eğer, işaret eden web sayfası başka bir dizinde ise HREF=" " ifadesine doğru göreceli adres yazılmalıdır.

Uzaktaki bir makinadan bu nokta işaret edilebilir:

Bunun için, uzaktaki makinada açık web sayfasının neresindenden sıçrama yapılması isteniyorsa, o noktaya

< A HREF="http://www.ephesus.org.tr/bio/zoo/zooloji.html#Memeliler" > Memeli Hayvanlar < /A >

kodu yazılır.

ID

Bir dökümanda istenen yere sıçramak için NAME nitelemesi amaca uygun olmakla birlikte, çok uzun bir dökümanda bütün alt başlıkları tek tek işaretlemek (name ile adlandırmak) zaman alıcı bir iştir. Bunun yerine HTML 3 dili daha pratik bir yöntem getirmiştir: ID.

ID nitelemesi, İngilizce IDentifier kelimesinden kısaltılmıştır. İşaret ediliş biçimi dışında, ID nitelemesinin kullanılışı NAME nitelemesinin kullanılışına benzer.

Şimdi bunun nasıl olduğunu örneklerle inceleyelim.

pascal.html adlı döküman (bu PASCAL programlama dilini anlatan uzun bir kitap olabilir) için bir terimler sözlüğü hazırlandığını ve terimler.html adıyla kaydedildiğini varsayalım. Sözlükte geçen bir terimi ele alalım. Örneğin, array teriminin Pascal dilinde ne anlama geldiğini anlatan paragraf

Pascal dilinde array kavramı, matematikteki sonlu dizi kavramıyla aynıdır. Aynı kümeden seçilmiş ve belirli bir sırayla damgalanmış öğelerdir...

Şimdi bu paragrafı

< P ID=array > Pascal dilinde array kavramı, matematikteki sonlu dizi kavramıyla aynıdır. Aynı kümeden seçilmiş ve belirli bir sırayla damgalanmış öğelerdir...

biçiminde niteleyelim (damgalayalım). Böylece paragrafa bir ID (kimlik) vermiş oluyoruz. Kitapta (web sayfasında) herhangi bir yerde array kelimesi geçtiğinde, bunu bilmeyen bir kullanıcının isterse kelime üzerine tıklayarak terimler.html sözlüğündeki açıklamasını okuması sağlanabilir. Bunun için, örneğin, kitaptaki

Şimdi bu problemi çözmek için, değişkenlerimizi tutacak bir array tanımlayacağız...

cümlesinde geçen array terimini, sözlükteki array terimini açıklayan ve yukarıda işaret edilen paragrafa bağlayacağız. Bunun için yazacağımız kod şudur:

Şimdi bu problemi çözmek için, değişkenlerimizi tutacak bir < a href="terimler.html#array" > array < /a > tanımlayacağız...

Bu koddan sonra,kitaptaki cümle şöyle görünecektir:

Şimdi bu problemi çözmek için, değişkenlerimizi tutacak bir array tanımlayacağız...

Burada kullanıcı array kelimesine tıklayınca, terimler.html dökümanındaki açıklama görünecektir.