Bu kısa dersimizde HTML etiketlerinin içerisinde tümleşik stil kullanmayı öğreneceğiz.
Css sayfalarının html sayfalarına bağlanarak class yada id ler ile HTML taglarına stil tanımladığınızı bildiğinizi varsayıyorum.
Eğer lokal bir problemden dolayı bir öğenin özelliklerini stil aracılığıyla değiştirecekseniz bu yöntem hızlı ve etkili bir şekilde sorununuzu çözebilir fakat üretmiş olduğumuz her web sayfasının her öğesi için kullanmanız sonraları içinden çıkılmaz bir stil çöplüğüne dönmesine sebep olacaktır o yüzden bu yöntemi acil ve küçük problemlerde uygulamanızı tavsiye ederek css kullanmanızı öneriyorum.
Örneğin bir div etiketine lokal stil verecek olursak
1 2 3 | <div style="font-size:12pt;font-face:arial;color:#FF0000;width:200px;height:500px;"> Bu stil html taglarının arasına sıkıştırılmıştır. </div> |
yukarıdaki gibi bir kod yazmam gerekli bunu her stil verilebilen html tagını içerisine yerleÅŸtirebilirsiniz. style=”" komutundan sonra tırnak içerisindeki yazım ÅŸekli harici css dosyasındaki yazım kuralları ile aynıdır. Bir özellik atamak için = deÄŸil, : kullanılır.
ÖrneÄŸimizde yazı tipini arial olarak, yazı tipi boyunu 12pt, yazı rengini kırmızı, div etiketini 200px geniÅŸliÄŸinde ve 500px yüksekliÄŸinde tanımladım. DiÄŸer tüm css komutlarını style=”" komutunun içerisinde lokal olarak kullanabilirsiniz.
