HTML'de Stiller

by trustix


Eklenme Tarihi : 15 Aralık 2020 11:25 Views:     271



HTML element/etiketler mevcut görevlerini daha iyi ve daha verimli yerine getirebilmek için öznitelik olarak adlandırdığımız bazı anahtar ifadelere ve bu ifadelere göre de bazı değerler alırlar. Bu öznitelikler bazı etiketler için sadece bir tane iken bazı etiketler için birden çok sayıda olabilir.  Bununla birlikte bazı öznitelikler ise neredeyse bütün HTML etiketleri tarafından desteklenmektedir. Bunlardan biri de style özniteliğidir.

Style Özniteliği ile İlgili Genel Bilgiler

  • Bir HTM L elementine renk, boyut, stil, kenarlık gibi tasarım öğeleri eklemek için kullanılmaktadır.
  • Kullanım anahtar-değer şekindedir.
  • Anahtar ifadeler ve değerler style özniteliği içerisinde ifade edilir.
  • Değerler  HTML elemanlarına göre çok farklılık gösterebiliir.
  • Değer aralığı CSS konseptine göre değişir.
  • CSS'teki color elementi metin rengini değiştirmek için kullanılmaktadır.
  • CSS'teki background-color elementi arkaplan rengini değiştirmek için kullanılmaktadır.
  • CSS'teki font-size elementi font büyüklüğünü belirtmek için kullanılmaktadır.

 

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Html - Stiller </title>
</head>
<body>

    <!--style özniteliğini içerisinde CSS elementlerini kullanarak metin rengi değiştirme-->
    <h3 style="color:red">Renk - 1</h3>

    <!--style özniteliğini içerisinde CSS elementlerini kullanarak metin fontu değiştirme-->
    <h3 style="font-size:40px;">Font - 1</h3>

    <!--style özniteliğini içerisinde CSS elementlerini kullanarak metin arkaplan rengi değiştirme-->
    <h3 style="background-color:coral">Arkaplan Rengi - 1</h3>

</body>
</html>

 

 

Style özniteliği <body> etiketine de benzer şekilde uygulanarak sayfanın arkaplan rengi değiştirilebilir.

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Html - Stiller </title>
</head>
   <!--style özniteliğini içerisinde CSS elementlerini kullanarak bütün sayfanın arkaplan rengi değiştirme-->
<body style="background-color:rosybrown;">

    <!--style özniteliğini içerisinde CSS elementlerini kullanarak metin rengi değiştirme-->
    <h3 style="color:red">Renk - 1</h3>

    <!--style özniteliğini içerisinde CSS elementlerini kullanarak metin fontu değiştirme-->
    <h3 style="font-size:40px;">Font - 1</h3>

    <!--style özniteliğini içerisinde CSS elementlerini kullanarak metin arkaplan rengi değiştirme-->
    <h3 style="background-color:coral">Arkaplan Rengi - 1</h3>

</body>
</html>

 

 

 





0

Yorum Formu

vikikod.com    © 2019