Web Programlama

HTML Stilleri

Lisans: Creative Commons 26.11.2020 tarihinde güncellendi

Bakabileceğiniz Etiketler: Eğitmen: Geleceği Yazanlar Ekibi

Her HTML etiketi önceden tanımlanmış stil renklerini barındırır. Bu yazılar için siyah, arka plan için beyaz şeklindedir. Style özelliğini kullanarak dilediğiniz gibi renklendirme yapabilirsiniz.

Arka plan renginin değiştirilmesi

Arka plan rengini değiştirmek için bgcolor özelliğini kullanmalısınız. Aşağıdaki örnekte ayrıntılı şekilde görebilirsiniz:

<html>
  <head>
    <title></title>
  </head>
  <body bgcolor="red" >
    <h3 align="center">MİMAR SİNAN ÜNİVERSİTESİ</h3> 
    <h3 align="center">DEVLET GÜZEL SANATLAR AKADEMİSİ</h3>
    <h3 align="center">GELENEĞİNİ SÜRDÜRÜYOR</h3>    
  </body>
</html>

Kullanılan metin renklerinin değiştirilmesi

Kullanılan metin renklerinin değiştirilmesi için text sıfatını kullanmanız yeterlidir. Aşağıdaki örnekte kullanımını ayrıntılı şekilde görebilirsiniz:

<html>
  <head>
    <title></title>
  </head>
  <body text="red">
    <h3 align="center">MİMAR SİNAN ÜNİVERSİTESİ</h3> 
    <h3 align="center">DEVLET GÜZEL SANATLAR AKADEMİSİ</h3>
    <h3 align="center">GELENEĞİNİ SÜRDÜRÜYOR</h3>  
  </body>  
</html>

Şimdi bu iki örneği birleştirelim:

<html>
  <head>
    <title></title>
  </head>
  <body bgcolor="red" text="#000051">
    <h3 align="center">MİMAR SİNAN ÜNİVERSİTESİ</h3>
    <h3 align="center">DEVLET GÜZEL SANATLAR AKADEMİSİ</h3>
    <h3 align="center">GELENEĞİNİ SÜRDÜRÜYOR</h3>   
  </body>
</html>

Gördüğünüz gibi hem zemin hem de yazı renklerini değiştirdik.

Sınava Gir