218
218
VI BOB.
WWW-TEXNOLOGIYA VA HTML TILI
UYGA VAZIFA
Topshiriqlar
1-topshiriq
1
https://www.w3schools.com/css/exercise.asp manziliga kiring.
2
CSS Lists bo‘limida berilgan mashqlarni bajaring.
Natijani rasmga olib, Word
fayliga joylashtiring. Faylni saqlab qo‘ying.
2-topshiriq
3
Front-End Development Track kursining Intro to CSS moduli 16–22-darslaridagi
topshiriqni bajaring.
61–62-darslar. BLOKLAR BILAN ISHLASH
TAYANCH TUSHUNCHALAR
Blok
– ma’lum bir chegaraga
ega
va tarkibida kontentni
saqlaydigan veb-sahifadagi joy.
Bloklar
,
…,
,
, - va boshqa elementlar
yordamida hosil qilinadi.
Veb-saytlar yaratishda bloklar eng kerakli element
hisoblanadi. Saytning barcha brauzerlarda ochilishi,
matn va rasmlarni saytning kerakli qismiga
joylashtirish bloklar orqali amalga oshiriladi.
Har bir blok о‘lchamlarga ega bо‘lib, ularni height va
width xususiyatlari yordamida о‘rnatish mumkin:
• height – blokning balandligi;
• width – blokning uzunligi.
Blok о‘lchamlari piksel, foiz yoki
em
larda beriladi.
Blok о‘lchamlarini pikselda ifodalash aniqlikni oshiradi. Foizlardan foydalanish esa
blok tashqarisidagi elementga qarab, uni о‘lchami va joylashuvini о‘zgartiradi.
em
dan
foydalanganda, blokning o‘lchami undagi matn hajmiga asoslanadi. Masalan, kengligi 300
piksel, balandligi 200 piksel bo‘lgan elementi ichiga kengligi va balandligi 80 %
ni tashkil
etuvchi paragraf joylashtirildi. Bu holda paragrafning kengligi 240 pikselga, balandligi esa 160
pikselga teng bо‘ladi.
CSSda
blok sifatida
