HTML Element Özellikleri (Attributes)

HTML elementleri attribute denilen bazı detay özellikler barındırabilir. Bir önceki yazımızda şu örneği kullanmıştık

<a href="http://ucemucar.com">Bu ana sayfama bağlantı</a>

<a> yani anchor etiketi HTML bir sayfadan başka bir bağlantıya gidiş için oluşturduğumuz bir etikettir. Burada dikkat çeken nokta bu etiketin açılışıdır. Etiketin içerik kısmında kalan bölümde dikkat ederseniz düz bir metin bulunmakta. Ancak bu HTML sayfada bu metne tıklarsanız benim ana sayfama yani ucemucar.com’a yönelirsiniz. Gelin deneyelim. Aşağıdaki metne tıklayın.

Bu ana sayfama bağlantı

Yukarıdaki bağlantıya tıkladıysanız ana sayfama gitmişsinizdir. Peki bu nasıl oldu? Yani <a> etiketinin içeriğinde ana sayfama dair hiçbir şey yokken bu bağlantı nasıl sağlandı? Bunu sağlamak için anchor etiketinin href özelliğini kullandık. Bu özellik (attribute) anchor etiketine özeldir. Yani bunu <p> (paragraf) etiketi ile kullanmanız anlamsızdır. Çünkü paragraf etiketinin böyle bir özelliği yoktur. Bu bilgi ile kabaca attribute denilen özellikler için fikir edindiniz. Attribute bir etiket içerisine belirli bir biçimde yazılan ve o etikete bir özellik kazandıran parçalardır.

<etiket attribute="değer">İçerik</etiket>


Bir etikete ait attribute yukarıdaki şekilde yazılmaktadır. Şimdi de bazı HTML etiketleri için temel attribute değerlere bakalım.<a>

  • href: Bağlantının gideceği adresi barındırır. Buraya yazılan adres bağlantı tıklandığında tarayıcıda açılır
  • target: Bağlantının ne şekilde açılacağını tanımlar. Target özelliğinin taşıyabileceği temel değerleri inceleyelim
    1. _self: Varsayılan değerdir. Bağlantının aynı pencereye açılmasını sağlar
    2. _blank: Bağlantıya tıklanıldığında yeni sekmede açılmasını sağlar

<img>

  • src: <img> etiketi sayfada görsel gösterimi içindir. src attribute ile tanımlanan değer ile görselin adresi verilir
  • width: Bu attribute için tanımlanan değer görselin genişliğini gösterir
  • height: Bu attribute için tanımlanan değer görselin yüksekliğini gösterir

Bu verdiğimiz örnekler ile attribute kavramı için gerekli bilgiyi vermiş olduk. İlerleyen bölümlerde daha fazla attribute örneği ile karşılaşacaksınız.

Bir cevap yazın

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