HTML uslublar


HTML style atributi elementga rang, shrift, o‘lcham va boshqalar kabi uslublarni qo‘shishda ishlatiladi.


Misol

I am Red

I am Blue

I am Big

O‘zingiz sinab ko‘ring »

ULASHISH

HTML style atributi

HTML elementining uslubini style atributi orqali o‘rnatish mumkin.

HTML style atributining sintaksisi quyidagicha:

<tagname style="property:value;">

Xususiyat — CSS xususiyati. Qiymat — CSS qiymati.

CSS haqida batafsil ushbu qo‘llanmaning keyingi qismlarida o‘rganasiz.


Fon rangi

CSS background-color xususiyati HTML elementining fon rangini belgilaydi.

Misol

Sahifaning fon rangini powderblue qilib belgilang:

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

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

</body>
O‘zingiz sinab ko‘ring »

Misol

Ikkita turli element uchun fon rangini belgilang:

<body>

<h1 style="background-color:powderblue;">This is a heading</h1>
<p style="background-color:tomato;">This is a paragraph.</p>

</body>
O‘zingiz sinab ko‘ring »


Matn rangi

CSS color xususiyati HTML elementining matn rangini belgilaydi:

Misol

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
O‘zingiz sinab ko‘ring »

Fonts

CSS font-family xususiyati HTML elementi uchun ishlatiladigan shrift belgilaydi:

Misol

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
O‘zingiz sinab ko‘ring »

Matn o‘lchami

CSS font-size xususiyati HTML elementi uchun matn o‘lchamini belgilaydi:

Misol

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
O‘zingiz sinab ko‘ring »

Matn tekislanishi

CSS text-align xususiyati HTML elementi uchun matnning gorizontal tekislanishini belgilaydi:

Misol

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
O‘zingiz sinab ko‘ring »

Bob xulosasi

  • HTML elementlarini uslublash uchun style atributidan foydalaning
  • Fon rangi uchun background-color dan foydalaning
  • Matn ranglari uchun color dan foydalaning
  • Matn shriftlari uchun font-family dan foydalaning
  • Matn o‘lchamlari uchun font-size dan foydalaning
  • Matn tekislanishi uchun text-align dan foydalaning

Video: HTML uslublari

Tutorial on YouTube
Tutorial on YouTube

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!