HTML Stili

style özelliği, HTML elementlerinin stillerini değiştirmek için kullanılır.

Bu metin Verdana ve kırmızı
Bu metin Times ve mavi
Bu metin 30 piksel yüksek

Kişisel olarak deneyin

HTML'nin style özelliği

style özelliğinin etkisi:

HTML elementlerinin stillerini değiştirmek için genel bir yöntem sunar.

Stil HTML 4'te tanıtılmıştır, HTML elementlerinin stillerini değiştirmek için yeni bir öncelikli yöntemdir. HTML stili, style özelliğini kullanarak doğrudan HTML elementlerine stil eklemeyi veya CSS (CSS dosyası) olarak adlandırılan bağımsız bir stil tablosunda tanımlamayı sağlar.

Sizin için CSS Eğitimiile ilgili tüm bilgiyi öğrenin.

HTML stilini anlamanız için style özelliğini kullanacağız.

Kullanılmayan Etiketler ve Özellikler

HTML 4'te, belirli etiketler ve özellikler terk edilmiştir. Terk edilmiş (Deprecated) anlamı, gelecekteki HTML ve XHTML sürümlerinde bu etiketler ve özelliklerin desteklenmeyeceği anlamına gelir.

Burada iletilen bilgi çok açıktır: Bu terk edilmiş etiketler ve özelliklerden kaçınılmalıdır!

Aşağıdaki bu etiketler ve özelliklerden kaçınılmalıdır:

Etiket Açıklama
<center> Ortalanmış İçeriği Tanımla
<font> ve <basefont> HTML Alfabesini Tanımla
<s> ve <strike> Silinmiş Metin Tanımla
<u> Alt çizgili Metin Tanımla
Özellik Açıklama
align Metin Hizalama Tarzını Tanımla
bgcolor Arka Plan Rengi Tanımla
color Metin Rengi Tanımla

Yukarıdaki bu etiketler ve özellikler için: Stili kullanın!

HTML Stili Örneği - Arka Plan Rengi

background-color özelliği, elemente arka plan rengi tanımlar:

<html>
<body style="background-color:yellow">
<h2 style="background-color:red">Bu bir başlıktır</h2>
<p style="background-color:green">Bu bir paragraftır.</p>
</body>
</html>

Kişisel olarak deneyin

style özelliği "eski" bgcolor özelliğini kaldırdı.

Kişisel olarak deneyin: Eski Arka Plan Rengi Yöntemi

HTML Stili Örneği - Harf, Renk ve Boyut

font-family, color ve font-size özellikleri sırasıyla öğelerin metin karakter seti, rengi ve yazı boyutunu tanımlar:

<html>
<body>
<h1 style="font-family:verdana">Bir başlık</h1>
<p style="font-family:arial;color:red;font-size:20px;">Bir paragraf.</p>
</body>
</html>

Kişisel olarak deneyin

style özelliği eski <font> etiketini kaldırdı.

Kişisel olarak deneyin: Eski Metin Stili Yöntemi

HTML Stili Örneği - Metin Hizalama

text-align özelliği öğelerin metin düzlem hizalama yöntemini belirtir:

<html>
<body>
<h1 style="text-align:center">Bu bir başlıktır</h1>
<p>Üstteki başlık bu sayfanın merkezine hizalanmıştır.</p>
</body>
</html>

Kişisel olarak deneyin

style özelliği eski "align" özelliğini kaldırdı.

Kişisel olarak deneyin: Kısmi Hizalama Eski Yöntemi