"Geleceğe atılan doğru bir adım..."
Bilgi Eğitim Bilgisayar Kursu Ders Notları

Web Tasarım Kursu - HTML Link verme kodu ve kullanımı

LİNK VERMEK

 

Link : Bir sayfadan başka bir sayfaya veya bir internet sitesinden başka bir internet sitesine geçmeyi sağlayan bağlantı, köprüdür.

Normal link rengi mavidir. Ziyaret edilmiş, tıklanmış link rengi bordodur. Bu renkler daha sonra CSS kullanılarak değiştirilebilir.

1-) İnternet sitelerine link vermek. Adresin başına http://www.bilgiegitim.com şeklinde link vereceğiz. Açılan site farklı bir site veya tasarımı değişen bir sayfa ise target="_blank" ile yani sayfada açtır.

http (HyperTextTransfer Protocol)

2-) Site içindeki sayfalara link vermek .Anasayfa, Hakkımızda, İletişim

3-) Resimlere link vermek.

4-) Email adreslerine link vermek. (mailto:email adresi)

 

Link veren komut <a> Yazı </a>

 

<a href="adres veya sayfa" title="Link Açıklaması" target="_blank"> Yazı veya resim </a>

 

1-) İnternet sitelerine link vermek.

<a href="http://www.bilgiegitim.com" title="Bilgi Teknolojileri Bilgisayar Kursu" target="_blank"> Bilgisayar Kursu</a><br>

 

<a href="http://www.hurriyet.com.tr" target="_blank">Hürriyet</a><br>

 

2-) Site İçersindeki Sayfalara Link Vermek

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

<a href="hakkimizda.html"> Hakkımızda </a><br>

<a href="iletisim.html"> İletişim </a><br>

 

 

3-) Resimlere Link Vermek

<a href="http://www.bmw.com.tr" target="_blank" title="BMW Site"><img src="resimler/klasik-bmw-kirmizi-araba.png" width="300" height="188" alt="BMW"></a><br>

 

4) Email Adreslerine Link Vermek

 

Email : <a href="mailto:sisli@bilgiegitim.com">sisli@bilgiegitim.com </a>

Veya yazı yerine resim konulmuş hali

<a href="mailto:durmazhasan@hotmail.com"><img src="resimler/email.png" width="32" height="32" alt="Email Gönder"></a>