HTML belgelerinde görsellikle ilgili her şeyi stiller ile yaparız.
Örneğin bir metnin yazı rengini, metnin boyutunu stiller ile belirleriz.
<p>Stil uygulanmamış</p>
<p style="color:green;">Yeşil yazı</p>
<p style="color:blue;">Mavi yazı</p>
<p style="font-size:36px;">Büyük fontlu yazı</p>
HTML elementlerinin biçimlendirmesi, stil verme işlemi style özniteliği ile yapılır.
style özniteliği şu şekilde kullanılır:
<etiket style="özellik:değer;">
Burada özellik ve değer CSS'e aittir. Merak etmeyin, henüz CSS öğrenmedik.
Gelecek derslerde CSS de öğreneceksiniz.
Herhangi bir HTML belgesinin zemin rengini background-color özelliği ile değiştirebilirsiniz.
Bugüne kadar HTML belgelerimizin zemin rengi beyazdı. Beyaz varsayılan olarak gelen zemin rengidir.
<html>
<body style="background-color:yellow;">
<h1>Sayfadaki en önemli başlık</h1>
<p>Paragraf</p>
</body>
</html>
Bu örnekte HTML belgesinin zemin rengi sarıdır (İngilizce Yellow=Sarı).
HTML Elementlerinin içeriğindeki yazının rengini color özelliği ile değiştiririz.
<h1 style="color:blue;">Bu başlık mavi</h1>
<p style="color:red;">Bu paragraf kırmızı</p>
HTML elementlerinin içeriğini oluşturan yazıların yazı tipini font-family özelliği ile değiştiririz.
<h1 style="font-family:verdana;">Bu bir başlık</h1>
<p style="font-family:courier;">Bu bir paragraf</p>
HTML Elementlerinin içeriğindeki yazının boyutunu font-size özelliği ile değiştiririz.
HTML belgelerinde bir yazıyı yatayda ortalamak istersek text-align özelliğini kullanırız.
<h1 style="text-align:center;">Ortalanmış Başlık</h1>
<p style="text-align:center;">Ortalanmış Paragraf</p>