HTML Ders 3 | Köprü İşlemleri..

Bundan önceki dersimizde body etiketini ve kullanılan metin düzenleme etiketlerini öğrenmiştik.Şimdiki anlatacağım konu ise burada kısıtlı kalmadan her yerde kullanabileceğiniz , link  vermek istediğiniz heryerde geçerli bir eylem olan bağlantıları anlatacağım.. HTML başka bir dökümana link oluşturmak için <a> etiketini kullanır.

Tanım : <a href=?bağlantı?>

Sayfa içi link ;
Kod   :   <a href=?index.html?> Anasayfaya gitmek için tıklayınız..</a>
Görüntü  :  Anasayfaya gitmek için tıklayınız..

Site üzeri link;
Kod   :   <a href=?http://www.google.com?>Google</a>
Görüntü  :   Google

Mail adresine link ;
Kod  :  <a href=?kemal@ikizoglu.com?>Mail  adresim</a>
Görüntü  :  Mail adresim

Resime link verme ;
Resim dosyamızın linki : “uploads/2011/02/webmail1.gif” olsun.
Kod  :  <a href=”mailto:kemal@ikizoglu.com” target=?_blank?><img scr=?wp-content/uploads/2011/02/webmail1.gif”></a>
* Yapmanız gereken ilk önce link bağlantısını verip,bağlantıda metin yazılacak yere resim linkini koymanız..

Target Parametresi

Target parametresi link verilen sayfanın nasıl açılacağını belirtir.Yeni bir sayfa da mı açmak istersiniz? Ya da sayfa içinde mi açılmasını istersiniz ?

<target=?_self?> komutu açılacak olan sayfanın,  açık olan sayfa içinde açılmasını sağlar.

Örnek : <a href=”http://www.ikizoglu.com” target=”_blank”>Kemal ikizoğlu</a>

<target=?_blank?> komutu açılacak olan sayfanın yeni pencerede açılmasını sağlar.

Örnek : <a href=”http://www.ikizoglu.com” target=”_self”>Kemal İkizoğlu</a>

Sayfanız içinde gerekli yerin direk açılmasını istiyorsanız çapa özelliğini kullanmalısınız.İstenilen yere yer imi koyarak linke tıklandığında sadece istediğiniz kısımdan sonrasının görünmesini sağlayabilirsiniz.Bir örnekle anlaşılır şekilde açıklayalım.

Ben vereceğim bir linkle sayfanın en üst kısmına tıklayarak ulaşağım.Onun için sayfanın üst kısmında bulunan kod satırına sunu ekliyorum :

<a name=”yukari”></a>

Sayfamızın üst kısmına kod parçasını ekledikten sonra en alt kısma geliyorum.Su kodu ekliyorum:

<a href=”#yukari”>Sayfa Başı</a> veya #yukari

Sayfa Başı
Sayfa iç ve dış bağlantılar hakkındaki konu bu kadar.Bunlar en can alıcı kısımlarıdır.Bunlarda bir sorun yaşadığınız sürece bana mail atabilir ya da yorum gönderebilirsiniz..

Sonraki Ders : Çerçeveler , Tablolar ve Listemele ..