Tt va kt ” fakulteti 2-bosqich akt 11-21 guruh talabasining “kompyuterni tashkil etish ” fanidan

MUHAMMAD AL-XORAZMIY NOMIDAGI TOSHKENT
AXBOROT TEXNOLOGIYALARI UNIVERSITETI QARSHI FILIALI

“ TT VA KT ” FAKULTETI
2-BOSQICH AKT 11-21 GURUH TALABASINING “KOMPYUTERNI TASHKIL ETISH ” FANIDAN
3-AMALIY ISHI
Bajardi : RAXMATOV.D
Qabul qildi : DILMURODOV.Z
 HTML ning asosiy teglari, teg attributlari. HTMLda rasm va jadvallar bilan ishlash teglari. Havolalar va ro‘yxatlar bilan ishlash teglari. HTML formalar bilan ishlash.
HTML5 da yangi teglar. HTML5 da audio, video va grafika bilan ishlash teglari.
Ishning maqsadi: talabalarga web dasturlash haqida ma’lumot berish, HTML tilida web ilovalar yaratishni o’rgatish.
Nazariy qism:
Internet - sayyoramiz miqyosidagi kompyuter tarmoqlarining birlashmasidir. Agar kosmik stansiya a’zolarining E-mail dan foydalanishini inobatga olsak internetning sayyoramiz sarhadlaridan chiqqanini ham ko’rishimiz mumkin.
Butun dunyo o’rgimchak to’ri WWW (World Wide Web) - bu ko’p sonli o’zaro bir-biriga bog’langan hujjatlardir. Web sahifada boshqa Web sahifalar bilan bog’lovchi chekli gipermurojat bo’ladi. Gipermurojat mexanizmini bir necha so’z bilan izohlash qiyin, lekin kamida bir marta Web sahifaga kirib ishlagan odam buni darhol tushunadi.
Gipermurojat butunjahon o’rgimchak to’ridan hujjatning URL deb nomlanuvchi manzilini qidirishda ishlatiladi. Biz bilamizki Web sahifaning asosiy mohiyati axborotni tacvirlash va uni har bir foydalanuvchi uchun ochib berishdir. 
CSS bilan HTML hujjatni bog'lash usullari..CSS sintaksisi. Selektor turlari. CSS rang berish usullari, chegara,orqa fon, shrift margin va padding xususiyatlari.Box model tushunchasi.Box model qoidalari. CSS3 effektlari, transformasiya,animasiyalar bilan ishlash.

CSS tarixi
CSS ning to'liq shakli 1997 yil tashkil topgan bo'lib, “WWW Consorcium” ida qo'llab quvvatlangan va foydalanishga taqdim etilgan. Dastlab, CSS kodlarini Netscape Navigator 4.0 va Internet Explorer 4.0 brouzerlari tushuna olgan, hozirgi kunda CSS kodlarni istalgan brauzerlar qo'llab quvvatlay oladi.
CSS haqida
CSS – (Cascading Style Sheets)Kaskadli stillar majmuasidir bo'lib stillar bilan ishlay oladigan til. CSS elementlarni ekranda, qog'ozda va yoki boshqa medialarda ko'rinishini tasvirlaydi. CSS veb sahifalarga har xil stillar berish uchun ishlatiladi. Hamda bir vaqtning o'zida bir nechta veb sahifalarni dizaynini o'zgartirish mumkin. Biror bir veb sahifani turli xil qurilmalarda turli xil ko'rinishini ham ta'minlaydi. CSS file .css formati orqali tashqi xotira saqlab qo'yishingiz va kezi kelganda veb sahifaning HTML kodini o'zgartirmasdan, faqat CSS faylni o'zgartirish orqali veb sahifaga yangidan ko'rinish berishimiz mumkin. Qisqacha qilib aytadigan bo'lsak, HTML faqat veb sahifani kodlarini yozish uchun ishlatiladi, HTML da ham veb sahifaga dizayn bersa bo'ladi, lekin bu juda uzoq jarayon talab qilgani bois, CSS bu vazifani o'z bo'yniga o'lgan.
CSS ni afzalliklari
CSS ning boshqa tillardan bitta ustun tarafi shundan iboratki, CSS kodlarini kompilatsiya qilish uchun, hech qanday kompillyatorlar, redaktorlar yoki biror bir dasturlar shart emas. Bizga oddiygina Internet Explorer va shu kabi brauzerlar kifoya. Brauzerlar orqali biz CSS kodlarini bemalol tahlil qilishimiz, natijamizni to'g'ridan to'g'ri ko'rishimiz mumkin.
Sintaksis
Selektor veb sahifadagi barcha bir xil turdagi teglarga umumiy dizayn berish uchun ishlatiladi. Qoida bo'yicha CSS selektor va bayonot (declaration) dan tashkil topgan bo'ladi.

h1 - bu yerda selektor, figurali qavs ichidagi qiymatlar esa, bayonotdir. Selektorni vazifasi HTML elementlarini ko'rinishini siz hohlagan ko'rinishda bezatishdan iborat. Bayonot qismida bitta yoki undan ko'p xossalar (property) bo'lsa nuqtali vergul (;) bilan ajratiladi. Xossalar bilan uning qiymati esa o'z navbati esa ikki nuqta (:) bilan ajratiladi. Oxirgi elementdan so'ng nuqtli vergul qo'yilishi va figurali qavs bilan yopilishi ham shart. Quyidagi misolda, p elementni joylashuvi markazda, rangi esa qizil holatda bo'lishini ko'rasiz.
p {
color: red;
text-align: center;
}
CSS HTML dagi elementlarni masalan ism, id, klass, qiymatlar va boshqa elementlarni belgilash uchun ishlatiladi.
Element Selektor
Element selektor - bu htmldagi biror bir elementni belgilash va unga turli xil ko'rinish uchun ishlatiladi. Quyidagi misolda p elementi belgilanadi va html dagi barcha p elementi berilgan qiymatni oladi.
p {
color: red;
text-align: center;
}
Id selektor