HTML Ders 3: HTML Attribute’ları
Attirbute, (ætribüut diye okunur. Nitelik demektir.) html etiketlerine ek bilgiler sağlamak için kullanılır. Tüm HTML öğelerine Attribute’a sahip olabilir. Bu attribute’lar başlama etiketlerinin içine yazılır. Attribute’lar başlama etiketlerine attribute=”değer” veya attribute=”özellik:değer;” şeklinde yazılır. Genellikle CSS kodlarının HTML içine yazılmasında kullanılır. Bazı attribute’lar etiket kullanılamsı için zorunluyken bazıları isteğe bağlı(optional) attribute’lardır. Hemen örneklerini görelim:
Zorunlu Attribute’lar
href Attribute’u
Sayfa içindeki bir bölüme ya da bir sayfadan diğer sayfaya geçmek için hyperlink denilen bağlantılar kullanılır.(Sadece link de denilir) Bu bağlantılar, <a> etiketi ile belirtilir. Sözdizimi şu şekildedir:
Buradaki href ifadesi bir attribute’tur ve mavi yazının üzerine tıklandığında gidilecek konumu belirler. href attribute’u belirtilmezse <a> etiketi çalışmayacaktır. <a>etiketini ve diğer attribute’larını daha bir sonraki dersimizde detaylı işleyeceğiz.
scr Attribute’u
Web sayfalarımıza resim eklemek istediğimizde kullandığımız etiket <img> etiketidir. <img> etiketinde resmin kaynağını(source) belirtmek için src attribute’undan faydalanırız. Hürriyet.com’dan alınan bir görselle örneğimize bakalım
Bu attribute’a zorunlu bir attribute’tur ve bir <img> etiketinin birçok etiketinden biridir. tahmin edebileceğiniz gibi bu etiketi de ileride daha ayrıntılı işleyeceğiz.
İsteğe Bağlı Attribute’lar
CSS’e ilk adım: style Attribute’u
Siyah bir metin başlığı pekte ilgi çekici gelmiyorsa başlığınızın rengini CSS kullanarak değiştirebilirsiniz. CSS daha öncede bahsettiğimiz gibi HTML’in işaretlediği öğelerin konum ve biçim özelliklerini değiştirmekte kullanılır. Mesela bu örnekte HTML <h1> etiketi ile ‘sen bir başlıksın!’ diyor. CSS ise style=’color:red' ifadesi ile rengini <h1> etiketini kapsayan metnin rengini kırmızı yapıyor. Burada:
style koduna, biz attribute diyoruz.(ætribüut diye okunur. Nitelik demektir.)
color koduna property diyoruz. (prapörtii diye okunur. Özellik demektir.)
red kodunaysa value diyoruz. (vælüu diye okunur. Değer demektir.)
style attribute’u neredeyse tüm etiketlerde kullanılabilen çok güçlü bir attribute’tur. Onlarca belki de yüzlerce property’si bulunur. Tabi ki ileriki derslerde style attribute’undan çok daha detaylı şekilde bahsedeceğiz. Ancak konumuz “Attribute nedir?” olduğundan burada detaya inmek istemiyorum. Bazı örneklerine bakalım ve ardından konuyu noktalayalım.
Bugünlük dersimiz bu kadar. Bir sonraki derste kalın, italik, vurgulu ve bunlar gibi biçimli yazıların nasıl yazılacağını öğreneceğiz. Sağlıcakla kalın!
Sevgi, bilgi ve çalışmanın ne vatanı olur, ne gümrük duvarları, ne de üniforması — Sigmund Freud
Bir sonraki ders:
