En son web geliştirme öğreticiler

HTML stiller

HTML Stilleri

I am red

I am blue

Kendin dene "

HTML Style Özellik

Bir HTML elemanının stilini ayarlama ile yapılabilir style özelliğinde.

HTML stil niteliği sözdizimi aşağıdaki gibidir:

style=" property : value; "

property CSS özelliktir. value CSS değerdir.

Daha sonra bu eğitimde CSS hakkında daha fazla öğreneceksiniz.


HTML Arka Plan Rengi

background-color özelliği bir HTML elemanı için arka plan rengini tanımlar:

Bu örnek lightgrey bir sayfanın arka ayarlar:

Örnek

<body style="background-color:lightgrey;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
Kendin dene "

HTML Metin Rengi

color özelliği bir HTML elemanı için metin rengini tanımlar:

Örnek

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
Kendin dene "

HTML yazı tipleri

font-family özelliği bir HTML öğesi için kullanılacak yazı tipini tanımlar:

Örnek

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Kendin dene "

HTML Metin Boyutu

font-size özelliği bir HTML elemanı için metin boyutunu tanımlar:

Örnek

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
Kendin dene "

HTML Metin Hizalama

text-align özelliği, bir HTML öğesi için yatay metin hizalama tanımlar:

Örnek

<h1 style="text-align:center;">Centered Heading</h1>
<p>This is a paragraph.</p>
Kendin dene "

Bölüm özeti

  • Kullanım style stil HTML öğeleri için niteliğini
  • Kullanım background-color arka plan rengi için
  • Kullanım color metin renkleri için
  • Kullanım font-family metin yazı tipleri için
  • Kullanım font-size metin boyutları için
  • Kullanım text-align metin hizalama için

Egzersizleri ile Yourself test edin!

Egzersiz 1 » Alıştırma 2» Egzersiz 3 » Egzersiz 4» Egzersiz 5 » Egzersiz 6»