Animal Trading cards

7. Amaliy mashg‘ulot — Ichki uslublar (inline styles)

Savol

To‘g‘ri sintaksisni eslab qolish boshida qiyin bo‘lishi mumkin. Masalan, " " qo‘shtirnoqlarni va = tenglik belgisini yoki : ikki nuqta belgilarini qayerga yozishni eslash qiyin bo‘lishi mumkin. Lekin amaliy mashg‘ulotlar bilan, bu jarayon ancha osonlashib ketadi(va ohiri oqibat, avtomatik jarayonga aylanadi).

Bu yerda ichki uslublar(inline styles) ishlatishga doir bir nechta mashqlar berilgan. Ularning qaysi biri to‘g‘ri sintaksis ishlatgan?

8. Amaliy mashg‘ulot — Bitta "HTML" elementida bir nechta uslublarni ishlatish

Ohirgi sahifada, bir nechta matnlarga ko‘k rang berishga doir uslub bilan tanishdik:

color: blue;

Va matnni o‘rtaga(markazga) joylashtirishni ham ko‘rib chiqdik:

text-align: center;

Lekin ushbu uslublarni ikkalasini bitta elementga qo‘llamoqchi bo‘lsangiz, u holda nima qilgan bo‘lardiz? Bu masalaning yechimi juda oson. Qilishingiz kerak bo‘lgan vazifa, bir uslubdan keyin keyingisini yozasiz va bitta uslub tugagandan so‘ng, nuqta vergul ; qo‘yishni unutmasangiz bo‘lgani. ; nuqta vergul, bir uslub qayerda boshlanib qayerda tugatishini ko‘rsatadi.

Hello world!

Quyidagi ish maydonida, bir necha uslublardan foydalanishni mashq qilib ko‘ring! Ushbu jarayonni ish maydoniga tayyor misoldan nusxa olib qo‘yish o‘rniga, yoddan qilishinizni maslahat beramiz(kerak bo‘lganda yuqoridagi misolga qaragan holda).