HTML ‘de ek tagler içerisine ek nitelikler yazabilceğimizi öğrenmiştik hatırlamayanlar için HTML Ek Nitelikler
En sık kullanılan ek niteliklerden biri “style” niteliğidir. Style niteliği ile htmk etiketlerimizi renk , büyüklük , pozisyon gibi onlarca farklı şekilde stillendirebiliriz.
Style niteliği de diğer nitelikler gibi açılış tag
içerisine eklenmektedir.Örnek:<h1 style=””>Kendimi Seviyorum</h1>Style niteliğini girdikten sonra öğreneceğimiz bir çok biçilendirme tipini kullanabiliriz. Öncelikle renk değiştirmek ile başlayabiliriz.Bunun için “color” yapısını kullanıyoruz. daha sonra iki nokta ve değerden sonra noktalı virgül kullanmalıyız.
style | = | “ | color | : | red | ; | “ |
style | = | “ | font-size | : | 24px | ; | “ |
Örnek:
<h1 style="color:red;">Kendimi Seviyorum</h1>
Önizleme:
Kendimi Seviyorum
HTML İçerisine Birden Fazla Style Kodu Ekleme
style niteliği içerisine aralarında noktalı virgül ; kullanarak birden fazla öz nitelik ekleyebiliriz.
Örnek:
<h1 style="color:red;font-size:24px;">Kendimi Seviyorum</h1>
[HDquiz quiz = “50”]Style niteliği arasına yazdığımız kodlar aslında CSS kodlarıdır. İlerleyen ünitelerde css kodlarını ayrı bir sayfada yazarak daha hızlı ve verimli çalışmalar gerçekleştireceğiz.