Ders_7 HTML Tag Özellikleri (Attributes)

HTML Taglarının Özellikleri - Attributes

Html tagları bir takım özellikler ile şekillendirilebilir.

Mesela bir <img> yani resim tagına genişlik (width) ve yükseklik (height) özellikleri atayarak, sayfamıza eklediğimiz resim elemanının boyutlarını biz belirleyebiliriz.

Özellik (attribute) ekleyerek HTML elemanlarına farklı nitelikler, görünümler kazandırabiliriz.

Özellikler her zaman başlangıç tagının içerisine eklenir.

Bir özellik belirtirken, önce özelliğin adı sonra da değeri yazılır yani şu formata sadık kalınır:

özellik="değeri" (attribute="value")

Dil Özelliği (lang)

HTML dökümanının dili <html> tagının içerisinde "lang" özelliği ile belirtilir.

<html lang="tr">

Yukarıdaki ifade; tarayıcılara, arama motorlarına, ekran okuyucu programlara, html sayfasının dilinin Türkçe olduğunu ilan eder.

Dil özellikleri ve ISO kodları aşağıda verilmiştir:

Dil	ISO Dil Kodu
Abkhazian	ab
Afar	aa
Afrikaans	af
Albanian	sq
Amharic	am
Arabic	ar
Aragonese	an
Armenian	hy
Assamese	as
Aymara	ay
Azerbaijani	az
Bashkir	ba
Basque	eu
Bengali (Bangla)	bn
Bhutani	dz
Bihari	bh
Bislama	bi
Breton	br
Bulgarian	bg
Burmese	my
Byelorussian (Belarusian)	be
Cambodian	km
Catalan	ca

Chinese	zh
Chinese (Simplified)	zh-Hans
Chinese (Traditional)	zh-Hant
Corsican	co
Croatian	hr
Czech	cs
Danish	da
Divehi
Dutch	nl
Edo
English	en
Esperanto	eo
Estonian	et
Faeroese	fo
Farsi	fa
Fiji	fj
Finnish	fi
Flemish
French	fr
Frisian	fy
Fulfulde
Galician	gl
Gaelic (Scottish)	gd
Gaelic (Manx)	gv
Georgian	ka
German	de
Greek	el
Greenlandic	kl
Guarani	gn
Gujarati	gu
Haitian Creole	ht
Hausa	ha
Hawaiian
Hebrew	he, iw
Hindi	hi
Hungarian	hu
Ibibio
Icelandic	is
Ido	io
Igbo
Indonesian	id, in
Interlingua	ia
Interlingue	ie
Inuktitut	iu
Inupiak	ik
Irish	ga
Italian	it
Japanese	ja
Javanese	jv
Kannada	kn
Kanuri
Kashmiri	ks
Kazakh	kk
Kinyarwanda (Ruanda)	rw
Kirghiz	ky
Kirundi (Rundi)	rn
Konkani
Korean	ko
Kurdish	ku
Laothian	lo
Latin	la
Latvian (Lettish)	lv
Limburgish ( Limburger)	li
Lingala	ln
Lithuanian	lt
Macedonian	mk
Malagasy	mg
Malay	ms
Malayalam	ml
Maltese	mt
Maori	mi
Marathi	mr
Moldavian	mo
Mongolian	mn
Nauru	na
Nepali	ne
Norwegian	no
Occitan	oc
Oriya	or
Oromo (Afaan Oromo)	om
Papiamentu
Pashto (Pushto)	ps
Polish	pl
Portuguese	pt
Punjabi	pa
Quechua	qu
Rhaeto-Romance	rm
Romanian	ro
Russian	ru
Sami (Lappish)
Samoan	sm
Sangro	sg
Sanskrit	sa
Serbian	sr
Serbo-Croatian	sh
Sesotho	st
Setswana	tn
Shona	sn
Sichuan Yi	ii
Sindhi	sd
Sinhalese	si
Siswati	ss
Slovak	sk
Slovenian	sl
Somali	so
Spanish	es
Sundanese	su
Swahili (Kiswahili)	sw
Swedish	sv
Syriac
Tagalog	tl
Tajik	tg
Tamazight
Tamil	ta
Tatar	tt
Telugu	te
Thai	th
Tibetan	bo
Tigrinya	ti
Tonga	to
Tsonga	ts
Türkçe	tr
Turkmen	tk
Twi	tw
Uighur	ug
Ukrainian	uk
Urdu	ur
Uzbek	uz
Venda
Vietnamese	vi
Volapük	vo
Wallon	wa
Welsh	cy
Wolof	wo
Xhosa	xh
Yi
Yiddish	yi, ji
Yoruba	yo
Zulu	zu

Title Özelliği

Title özelliği, fare imlecinin hemen yanında beliren açıklama metnidir ve title="açıklama metni" şeklinde kodlanır. Bu özelliği görebilmek için farenin kısa bir süre sabit beklemesi gerekir.

Aşağıdaki kodun çıktısında,farenizi paragrafın üzerinde beklettiğinizde, title özelliğiyle atadığınız açıklama metnini göreceksiniz.

<p title="dersimizkod-html.blogspot.com.tr hakkında">web tasarımı için gerekli dilleri, sizlere, basit ve anlaşılır bir şekilde sunuyoruz. bizi takip etmeye devam ediniz.</p>

Href Özelliği

Bir kelimeye, bir başlığa, veya bir resme link verilebilir. Link elemanı <a> tagı ile başlar ve </a> tagı ile biter. Vereceğimiz linkin adersi ise href özelliği (attribute) ile belirtilir. Bir link elemanının genel yapısı şöyledir.

<a href="link adresi">Linke sahip olacak metin</a>

Aşagıda bir örnek verilmiştir:

<html>

<body>

<a href="http://dersimizkod-html.blogspot.com.tr">dersimizkod-html için tıklayınız</a>

</body>

</html>

yukarıdaki kod söyle görünecektir:

dersimizkod-html için tıklayınız

Ölçülendirme Özellikleri

Bir fotoğrafın, tablonun veya herhangi bir html elemanının en ve boyunu, width (en) ve height (boy) özelliklerine istediğimiz değerleri atayarak biz belirleyebiliriz.

Aşağıdaki resim elemanı, bizim atadığımız en ve boy ölçülerinde olacaktır:

"Alt" Özelliği

Alternatif kelimesinden gelen alt özelliği, html elemanı yüklenmediğinde onun yerine görünen alternatif bir metindir.

Sayfamızı bir ekran okuyucu ile okuturken, img elemanlarımız, bu elemanlara atadığımız alt özellikleri ile okunur. Özellikle kör kullanıcılarımız için faydalı bir özelliktir.

Öneri: Her zaman küçük harf kullanın

Html özelliklerini yazarken büyük harf kullanmanın bir sakıncası yoktur. Yani, title veya TITLE veya Title yazmak arasında bir fark yoktur. Fakat html geliştiricileri, taglarda ve özelliklerinde küçük harf kullanmamızı özellikle tavsiye ederler.

Öneri: Özelliklere değer atarken tırnak kullanın

Bir tagın özelliğine değer atarken bunu tırnak içerisinde yazmak gerekli değildir fakat önemle tavsiye edilir.

Yukarıdaki linklerin ilkinde link adı çift tırnak içinde atanmış, diğerinde ise tırnak kullanılmadan atanmıştır. Her ikisi de çalışacaktır. Fakat bazı durumlarda tırnak kullanmamak ciddi hatalara sebep olabilir.

Tek veya Çift Tırnak

Bir özelliğe değer atarken, çift tırnak kullanımı daha çok tercih edilir fakat tek tırnak içinde atamanın da bir sakıncası yoktur.

Eğer tırnak içerisinde tırnak kullanılacaksa o zaman biri çift diğeri tek tırnak olmalıdır. Aşağıda bu durumun doğru kullanımları verilmiştir:

<p title='Muzaffer "çok iyi gidiyorsun" dedi'>

veya tavsiye edilmeyen şekli ile:

sonraki ders için tıklayınız

DERSİMİZ KOD - HTML