• Hazırlayan:  Onur Ergençiçeği  

Nasıl bir HTML sayfasında linkler ve bağlantılara yer verebiliriz ? 

HTML'de, kullanıcıları diğer web sayfalarına veya farklı bölümlere yönlendiren linkler ve bağlantılar oluşturabilirsiniz. Bu işlemi yapmak için bu amaca hizmet eden etiketlerden faydalanırız. Bunlardan bazıları linke yer vermenin yanı sıra onları daha ilgi çekici formlarda karşı tarafa yansıtabilir.

bahsi gecen etiketler aşşağıdaki gibi sıralanabilir:

• <a> 

• <href> 

• <target> 

• <mailto>

a etiketi kullanımı 

HTML'in en iyi yanlarindan biri sayfalar arasinda bağlanti kurabilmesidir bu görevi yerine getirmesini sağlayan belirteç <a> 'dır Dokümanınızdan başka doküman ile bağlanti kurabilmek için :

<a href="index.html">  </a>

a etiketi sayfa içersinide bir yönlendirme yapmak için kullanılabilir

<h2 id="main_page">Anasayfa</h2> 

Yukarıda  <a href=' '>  diyerek tarif edeceğimiz adresi önce tanımladığımız aşamayı görüyoruz ancak a etiketi ile başlamaması dikkatinizi çekmiştir bunun sebebi a'nın bir yönlenme etiketi olşundandır biz burada henüz yönlenecek bölgeyi dizayn ediyoruz bunun için gördüğünüz gibi ID diyerek önce adres tanımlanıyor etiketler arası kullanıcıya iletilecek metin ekleniyor ve etiket kapatıyoruz. 

<a href="#main_page">Anasayfaya gitmek icin tikla </a>       

Burada ise a ile başladık çünkü artık amacımız anasayfaya yönlenmek ve href'in tarif ettiği adrese dikkatli bakın bir bağlantı tarif ediyor çünkü biz yönleneceğimiz bölgeyi öncesinde bir ID ile tanImladık ve oraya giderken ise adresin onune bir "#" işareti yerleştirmeliyiz.

a etiketi linkler aracılığı ile sizi farklı adreslere de yönlendirebilir

a etiketini açtıktan sonra href=' ' yazıp tırnaklar arasına istediğimiz adresi ekledikten sonra bağlantı oluşturmak istediğimiz sayfanın URL'sine giden bir yönerge oluşturmuş oluruz. 

örnek olarak:

<a href="http://www.google.com"> Google'a git </a>

İçerisine  "Google'a git" yazmamız linkimizin üzerine gelindiğinde renk değiştirmesi ile bize link olduğunu söyleyen bir google'a git yazısı gösterecek tıkladığımizda ise bizi google'a götürecek.

ancak kullanıcının linke tıklamasıyla sayfadan ayrılmasını istemiyorsanız linkin yeni sekmede açılmasını sağlayabilirsiniz bunun için:

<a href="http://www.google.com" target="_blank"> Google'a git </a> 

 bu kullanımda target etiketi linki yeni sekmede açılacak şekilde çalıştırır.

E-posta bağlantısı (mailto) etiketinin kullanımı

mailto etiketini bir HTML belgesinde e-posta bağlantısı oluşturmak için kullanırız. Bu etiket, kullanıcının e-posta göndereceği bir paneli açarak bir e-posta adresine yeni bir ileti oluşturacak şekilde hazırlar ve kullanıcının tek yapmasi gereken ise bir e-posta yazıp göndere tıklamaktır.

kullanımı için:

<a href="mailto:onurergencicegiii@gmail.com">Onur'a bir e-posta gönderin!</a>

Nasıl bir linki veya bağlantıyı yerleştirirken farklı görünümler yaratabiliriz ?

Bunun için yapabileceginiz şeyler linki bir görselin içine yerleştirmek olabilir.

örnek olarak:

<a href="http://www.google.com">

<img src="google_icon.png" >

</a> 

bilgisayarınızda HTML dokumanı üzerine çalıştığınız editore 'google_icon.png' adlı bir google ikonu yüklediğinizi varsayarsak yukarıdaki kodun sayfanızdaki görünümü yüklediğiniz png resmi gibi olacaktır ve eğer üzerine tıklarsanız sizi google'a yönlendirecektir.