HTML Uslublari

HTML Uslublari


HTML Uslublar haqida

HTML Uslublari

Bu qizil

Bu ko'k


HTMLda Uslub Atributlari

HTML elementlariga uslublar o'rnatish "style" atributi bilan amalga oshirish mumkin

HTML uslublar atributi quyidagi sintaksisga ega

style = "property:value;"

"property" CSS hususiyati, "value" esa CSS qiymati hisoblanadi

...   CSS haqida ko'proq malumot keyingi sahifalarda


HTML Orqa Fon Rangi

background-color xususiyati sahifani orqa foni rangini o'zgartirisha ishlatiladi. Namuna uchun quyidagi kod sahifani orqa fonini "lightgrey" yani och kulrang ga o'zgartiradi

Namuna:

<body style = "background-color: lightgrey;">
<h1> Bu sarlavha </ h1>
<p> Bu  paragraf </p>
</body>

HTML Matn Rangi

Html da matn rangini o'zgartirish uchun color hususiyatidan foydalaniladi

Namuna:

<h1 style = "color: blue;"> Bu sarlavha </h1>
<p style = "color: red;">. Bu paragraf </ p>

HTML Shriftlari

Html da matn/so'zlarning shrift/formatini o'zgartirish uchun font-family hususiyatidan foydalaniladi

Namuna:

<h1 style = "font-family: verdana;"> Bu sarlavha </ h1>
<p style = "font-family: courier;">. Bu paragraf</ p>

HTML Matn O'lchami

html matn o'lchamini o'zgartirish uchun font-size hususiyatidan foydalaniladi

Namuna:

<h1 style = "font-size: 300%;"> Bu sarlavhali </ h1>
<p style = "font-size: 160%;">. Bu band bo'ladi </ p>

HTML Matn Joylashtirish

htmlda matnni sahifaga joylashtirishda(o'nga, chapga surishda) text-align xususiyati ishlatiladi

Namuna:

<h1 style = "text-align: center;"> Markaziy sarlavha</ h1>
<p> Bu paragraf bo'ladi. </ p>

Ushbu sahifada siz

  • style atributidan foydalanishni
  • background-color yordamida orqa fonni o'zgartirishni
  • color yordamida matnni rangini o'zgartirishni
  • font-family yordamida matn shrift/formatini o'zgartirishni
  • font-size yordamida matn o'lchamini o'zgartirish
  • text-align yordamida matn ni sahifaga joylashtirishni

o'zlashtirdingiz!!!


Innovative Lab web sahifasiga xush kelibsiz biz bilan birga IT sohasidagi o'z bilimlaringizni bosqichma-bosqich oshirib boring!


Telegram kanalimizdan kunlik darslarni o'rganing  

TOSHKENT SHAHRIDAGI INHA UNIVERSITETI - 2017