Animal Trading cards

4-Bo‘lim. "CSS"ga kirish

1. Uslub (ko‘rinish) berishni boshlash

1-savol

Quyidagilardan qaysilarni "CSS" yordamida bajarishingiz mumkin?

Izoh:

Boshqa amallar qatori, veb-sahifani rangini yoki ko'rinishini o‘zgartirish uchun "CSS" ishlatasiz! Lekin veb-sahifaga paragraf yoki rasm qo‘shishni istasangiz, "HTML"dan foydalanasiz.

Ha aytgancha, shimingizni rangini siyohrangga bo‘yamoqchi bo‘lsangiz, u holda bu bizning kursimiz doirasiga kirmaydi.

2. “Developer Tolls” (Dasturchining ish asboblari)

1-savol

Ushbu https://en.wikipedia.org/wiki/CSS havolaga boring va "HTML" elementlarini ko‘rish uchun "Developer Tools"(Dasturchining ish asboblari)ni ishlating. head elementi ichida qaysi elementlarni topsangiz bo‘ladi? https://en.wikipedia.org/wiki/Cascading_Style_Sheets

Izoh:

Ushbu sahifa head elementi ichidagi meta, title va style elementlarini o‘z ichiga oladi. Lekin sahifaning barcha div elementlari head elementining ichida emas, balkim body elementining ichida joylashgan. Hozirda ushbu havolda ekansiz, "Wikipedia" maqolasi bilan tanishib chiqsangiz bo‘ladi! Maqolada juda ko‘p ma’lumotlar keltirilgan va ular ushbu kursda o‘rgatilmaydi, lekin ular siz uchun qiziqish uyg‘otishi mumkin.

2-savol

Brauzerda o‘zingizda mavjud HTML sahifasini oching(notes.html sahifasiga o‘xshagan), so‘ngra "Developer Tools"(Dasturchining ish asboblari) orqali ochgan sahifangizni tekshiring. Elementlar panelida(yoki "Firefox" brauzerining "Inspector" asbobida) ko‘rib turgan kod va matn muharriridagi kod o‘rtasida qandaydir farqlarni topa olasizmi?

Izoh:

Ha, odatda farqlar mavjud bo‘ladi! Elementlar paneli asl "HTML" manba kodini ko‘rsatmaydi. Ushbu panel faqatgina brauzer sahifani qanday tarzda namoyon etishini yoki sahifa xaritasini ko‘rsatadi. Misol uchun, "Chrome" brauzerida, ko‘pgina matn bo‘laklari qo‘shtirnoq ichida ko‘rsatiladi, va bu matnlar asl manbada yoki sahifani render qilingan talqinida mavjud bo‘lmaydi.

3-savol

"HTML" kodingizda ro‘yxat yoki paragraf elementlarini yopish uchun ishlatiladigan  yoki `

kabi teglarni ishlatmagan qatorini toping. (Yoki, ularni har doim ishlatib kelgan bo‘lsangiz, endilikda esa ularni olib tashlang.) Sahifani brauzerda qaytadan yuklang, va "Developer Tools"(Dasturchining ish asboblari)ni ishlatgan holda, uni tekshirib chiqing. Quyidagilardan qaysilari ro‘y beradi?



Izoh:

Brauzer yopuvchi tegl mavjud bo‘lmasada, uni ko‘rsatadi.

"Developer Tools"(Dasturchining ish asboblari) paneli ushbu ko‘rinishni "HTML"ga o‘xshab ko‘rsatadi, chunki bu usul dasturchilarga sahifada nima bo‘layotganini ko'rishni qulaylashtiradi. Lekin Elementlar panelida ko‘rgan ko‘rinish asl "HTML" faylning nusxasi emas, balkim aslini olib qaraganda brauzer sahifani ichki tomonlama ko‘rishining tasviri deb hisoblasa bo‘ladi.