İkinci dersimize hoş geldiniz.

Bu dersimiz de HTML niteliklerine göz atacağız.

HTML Nitelikleri

HTML nitelikleri veya ingilizce çevirisiyle attributes html e ek bilgiler katar ve <a> etiketi ile başlar ve </a> etiketi ile biter. Nitelikler isim/değer çiftlemesi içerir. Örneğin isim=”deger” gibi.

Niteliklerin değerleri herzaman “…“ içinde olmalıdır. Tek tırnak ‘…‘ da kullanılabilinir.

Nitelik isim ve değerlerinin küçük veya büyük yazılmış olması fark etmemekle beraber Internet Konsorsiyumu (W3C – World Wide Web Consortium) küçük harf kullanılmasını öngörmektedir. Yeni XHTML’in yeni versiyonlari küçük harf kullanımını istemektedir.

Herbir html öğesi için bazı nitelikler aşağıdaki gibidir.

Etiket	Açıklama
<b>….</b>	Koyu metin
<u>….</u>	Altı çizgili metin
<i>….</i>	İtalik metin

<h1>….</h1> başlık boyutu. <h1> en büyük ve <h6> da en küçük başlık boyutu olmak üzere çeşitli başlık ebatları vardır.

<p>….</p> Paragraf

<br> Bir alt satıra geçmek için kullanılır. Kapanış etiketi yoktur.

<center>…..</center> Yazıyı ortalamaya yarar.

<hr /> Yatay çizgi oluşturur.

Örnek :

<p>Birinci paragraf.</p>
<hr />
<p>İkinci paragraf</p>

<img /> Resim eklemek için.

Örnek :

<img src="arsenal.gif" alt="Arsenal Futbol Takımı" />

Bu etiket src ve alt nitelikleri bulundurmak zorundadır.

<script>…</script> Bir script olduğunu belirtir.

<span>…</span> Dokümanın bir bölümünü belirtir.

Örnek :

<p>Babamın gözleri <span class="blue">açık mavidir.</span></p>

<table>…</table> Metin de bir tablo olduğunu belirtir.

Aşağıdaki nitelikler neredeyse tüm HTML öğeleri için standarttır.

Nitelikler	Değerler	Tanım
class	sınıf_kuralı veya stil_kuralı	Herbir öğenin sınıfı
id	kimlik_adı	Herbir öğeye özgü kimlik adı
style	stil_tanımı	Satır için stil tanımı
title	başlık_yazısı	Tarayıcının sayfa için başlık yazısı

HTML için de yorum veya gizli not tutmak için
Örnek :

<!-- Bu bir yorumdur. -->

Başlangıçta ki ünlem (!) işaretini koymayı unutmayın!