html va css tillarining nazariy asoslari

PPTX 20 pages 1.5 MB Free download

20 pages

FaylHub.uz

Download via Telegram

Size 1.5 MB

File type PPTX

Pages 20

Updated Dec 2025

Page preview (5 pages)

Scroll down 👇

1 / 20

powerpoint presentation html va css tillarining nazariy asoslari alijonova nodirabegim 1. cssning nazariy asoslari 2. htmlning nazariy asoslari 3. html va css o'zaro ta'siri reja: css xususiyatlari va qiymatlari css xususiyatlari deklaratsiyalarda nomlar sifatida ko'rsatiladi va ularga 1 dan ortiq qiymatlar berilishi mumkin, masalan, `margin: 10px 20px 30px 40px;` ko'rinishida to'rtta qiymatli margin xususiyati. `display` xususiyati elementlarning ko'rinishini boshqarish uchun ishlatiladi va 3 ta asosiy qiymatga ega: `block`, `inline`, va `inline-block`, ular elementning o'lchamlarini va joylashishini belgilaydi. cssning asosiy tushunchalari css kaskad printsipi uslublarning bir-biriga ustunligini belgilaydi: muhimroq uslublar kamroq muhim uslublarni bekor qilishi mumkin, bu esa 4 ta asosiy prioritet darajasini o'z ichiga oladi. cssda 3 ta asosiy selektor turi mavjud: element selektorlari (masalan, `p`), class selektorlari (`.class-nomi`) va id selektorlari ( zamonaviy css texnologiyalari css modules va bem (block, element, modifier) kabi metodologiyalar css kodlarini tartibli va takrorlanishsiz tuzishga yordam beradi, bu esa kodning o'qilishi va saqlanishini yaxshilaydi …

2 / 20

unda 1 dan ortiq tugunlar (elementlar, atributlar, matnlar) va ular orasidagi munosabatlar aks ettiriladi. javascript orqali dom manipulyatsiyasi, veb-sahifalarni dinamik ravishda yangilashga, 200 dan ortiq element xususiyatlarini o'zgartirishga va foydalanuvchi interfeysini yaratishga imkon beradi. vorislik va o'zgartirish vorislk va o'zgartirish orqali yaratilgan veb-sahifalarning hajmini kamaytirish mumkin. masalan, bitta css faylida 50 ta elementning xususiyatlarini belgilash, har bir element uchun alohida kod yozishdan ko'ra samaraliroq. html va cssdagi vorislik, elementlarga ota-elementlarining xususiyatlarini meros qilib olishni ta'minlaydi. bu kaskadli uslublar varag'i (css)ning asosiy tamoyillaridan biri bo'lib, 3 ta vorislik turi mavjud: normal, konkret va aniq. float va position xususiyatlari float va position xususiyatlarini birgalikda ishlatish murakkab tartiblarni yaratishga imkon beradi, lekin ularning o'zaro ta'siri ba'zan kutilmagan natijalarga olib kelishi mumkin. masalan, float'langan elementlarga margin-collapse ta'siri qo'llanmaydi. position xususiyati elementning joylashishini aniq belgilaydi: static, relative, absolute, fixed va sticky. har bir qiymat elementning ota elementiga va brauzer oynasiga nisbatan joylashishini boshqacha tarzda belgilaydi. …

3 / 20

.class ) va element selektorlaridan ( p, div ) ancha yuqori spesifiklikka ega bo'lib, uslublar ziddiyatida ustunlik qiladi. selektorlar va ularning turlari myid), class selektorlari (.myclass) va universal selektorlar (). ularning har biri html elementlarini turlicha tanlaydi. cssda 4 ta asosiy selektor turi mavjud: element selektorlari (masalan, `p`), id selektorlari ( box modeli va layout html va css da har bir element 4 ta asosiy qismdan: content (mazmun), padding (ichki bo'shliq), border (chegara) va margin (tashqi bo'shliq) dan iborat bo'lib, ularning har biri o'zining o'lchamlariga ega va umumiy element hajmini aniqlaydi. float xususiyati elementlarni gorizontal ravishda joylashtirish imkonini beradi, shu bilan birga ularning balandligi va kengligi avtomatik ravishda moslashtiriladi va o'zgaruvchan bo'ladi, bu esa suyuq layoutlar yaratishga yordam beradi. media queries va ularning qo'llanilishi media-so'rovlar orqali biz css kodlarida @media direktivasidan foydalanib, 3 dan ortiq turli ekran o'lchamlari uchun maxsus dizayn variantlarini yaratishimiz mumkin. mobil qurilmalar uchun optimallashtirilgan dizayn yaratishda, …

4 / 20

arning qidiruv tizimlari tomonidan to'g'ri indekslanishiga yordam beradi. semantik html va uning afzalliklari semantik html tuzilishi veb-sahifaning ma'lumotlarini mantiqiy tartibda tuzishga yordam beradi, bu esa 50% ga yaqin kodni soddalashtiradi va sahifani tezroq yuklashga olib keladi. semantik html, masalan, ` `, ` `, ` ` elementlaridan foydalanish, brauzerlarga sahifa tarkibini tushunishga va uni to'g'ri ko'rsatishga yordam beradi, bu esa seo (qidiruv tizimlari optimallashtirish)ni 20% ga yaxshilaydi. responsiv dizayn printsiplari responsiv dizayn viewport meta tegidan foydalanib, turli qurilmalarda optimal ko'rinishni ta'minlaydi. ushbu tegni to'g'ri ishlatish veb-sahifaning turli qurilmalardagi kattaligini va shkalasini boshqarishga yordam beradi. css media so'rovlari yordamida turli qurilma va ekran o'lchamlari uchun maxsus css uslublarini belgilash mumkin. masalan, 768 pikseldan kichik ekranlar uchun bitta dizayn, 1024 pikseldan katta ekranlar uchun esa boshqa dizaynni yaratish mumkin. accessible veb-saytlar yaratish kichik ekranlarda (768px dan kam) saytlarning mazmunini to'liq ko'rish uchun 100% masshtabdagi brauzerda tegishli media-so'rovlar (media queries) va responsiv dizayn texnologiyalaridan …

5 / 20

html va css tillarining nazariy asoslari - Page 5

Want to read more?

Download all 20 pages for free via Telegram.

Download full file

About "html va css tillarining nazariy asoslari"

powerpoint presentation html va css tillarining nazariy asoslari alijonova nodirabegim 1. cssning nazariy asoslari 2. htmlning nazariy asoslari 3. html va css o'zaro ta'siri reja: css xususiyatlari va qiymatlari css xususiyatlari deklaratsiyalarda nomlar sifatida ko'rsatiladi va ularga 1 dan ortiq qiymatlar berilishi mumkin, masalan, `margin: 10px 20px 30px 40px;` ko'rinishida to'rtta qiymatli margin xususiyati. `display` xususiyati elementlarning ko'rinishini boshqarish uchun ishlatiladi va 3 ta asosiy qiymatga ega: `block`, `inline`, va `inline-block`, ular elementning o'lchamlarini va joylashishini belgilaydi. cssning asosiy tushunchalari css kaskad printsipi uslublarning bir-biriga ustunligini belgilaydi: muhimroq uslublar kamroq muhim uslublarni bekor qilishi mumkin, bu esa 4 ta asosi...

This file contains 20 pages in PPTX format (1.5 MB). To download "html va css tillarining nazariy asoslari", click the Telegram button on the left.

Tags: html va css tillarining nazariy… PPTX 20 pages Free download Telegram