Html5

Ders-9 Html’de Bağlantılar (Links)

Html linkleri neredeyse tüm sitelerde bulunur. Linkler başka bir sayfaya, bir web sitesine veya kendi web sayfalarımız arasında bağlantı kurmamızı sağlar. Yani linkler bir nevi köprü vazifesindedirler.

Html Bağlantıları Sözdizimi

Html kodlarken link verme işlemlerini a etiketi ile tanımlarız. A etiketi ile birlikte genellikle 3 farklı öznitelik kullanırız. Sadece metinlere değil resimlere , videolara , ses dosyalarına da link verebiliriz.Bunları birer cümle ile size anlatmaya çalışacağım.

Href Özniteliği

Href özniteliği Bağlantımızı (Link) hangi sayfaya yönlendireceğimiz belirlemek için kullanılır.

Target Özniteliği

Target özniteliği ile sayfanın nerede açılacağını tarayıcıya söyleriz.

Name Özniteliği

Sayfa içi bağlantılar vermemize olanak sağlar.

Şimdi yukarıda anlattıklarımı örneklendirerek anlatmaya çalışacağım. Link konusu çok önemli . Hemen hemen tüm web sayfalarında link özelliği kullanılmaktadır

Şimdi bir link yapalım ve bu linkte tıkladığımızda teknosfer.net sayfasına bizi yönlendirsin

Bunu Html dosyasına yazıp çalıştırdığımızda karşımıza bir link çıkacak. O linke tıkladığımızda ise bizi teknosfer.net anasayfasına yönlendirecktir.

Şimdi birazda target özniteliğine ait örneklemeler yapalım. Bazen bir sayfanın booyutu çok yüksek olabilir ve biz bu sayfayı tekrar yüklemekle zaman kaybetmek istemiyor olabiliriz. Bu durumda target özniteliği imdadımıza yetişiyor. Target öelliği ile bağlantıyı başka bir pencerede açabiliyoruz. Örneklerle açıklayalım :

Yukarıda yazmış olduğumuz target=”_blank” cümleciği bağlantıyı yeni sekmede veya yeni pencerede açmamızı sağlar

Target özniteliğinin alabileceği değerler :

_self = Bağlantıyı bulunduğu pencerede açar. Varsayılan değeri budur.

_parent = Bağlantıyı ana pencerede açar

_top = Bağlantıyı pencerenin tüm gövdesinde açar

Resimlere Link Verme

Birçok web sitesinden de bu özellik kullanılır. Ve birçok yerde yardımımıza koşar. Bunu direk örnekle açıklayalım.

Bu kodu html tarayıcınıza yazıp kaydettiğinizde tarayıcıda açtığınızda karşınıza yüklediğiniz resim çıkacak ve o resme tıkladığınız zaman sizi belirttiğiniz sayfaya yönlendirecektir. Html’de resim yükleme konusunu henüz işlemediğimiz için size yabancı gelebilir sadece teorik olarak bilin zamanı gelince uygulayacağız.

Bağlantı Başlığı (Link Title)

Bu özellik sayesinde linke tıklamadan önce üzerine geldiğimizde linke verilen açıklama vümlesini okuyabiliriz. Kullanıcıya link hakkında kısa bir bilgi verebiliriz. Bir örnekle bunu açıklayalım :

Kodun çıktısı :

Konu Özeti :

a elementi : Bağlantı oluşturmak için kullanılır.

href özniteliği : Bağlantı yolunu belirtmek için kullanılır.

target özniteliği : Belgenin nerede açılacağını belirtmemizi sağlar

img elementi : Bu element ile resimlere link verebiliriz.

id özniteliği : Yer imi belirtmek için kullanılır.

1 Yorum

1 Yorum

  1. Ramazan Gul

    21 Şubat 2019 en 15:10

    Zafer hoca Allah razı olsun senden Html5 bitmek üzere inşallah

Cevap bırakın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Popüler

En üste