Avtomonillar rusumi haqida web sahifasini yaratish va tizimga joylashtirish
Mavzu: Avtomonillar rusumi haqida web sahifasini yaratish va tizimga joylashtirish Reja: 1. Kirish. 2. Saytning ko’rinishi 3. Kod qismi
Internetning WWW hizmati, asosan, wyeb-sahifalarga bog‘liq ekan, ular qanday yaratiladi? – degan savol tug‘ulishi tabiiy. Wyeb-sahifalar HTML ( Hypertext Markup Language – Gipermatnli markerlash tili) tilida yoziladi. HTML – dasturlash tili hisoblanmaydi. Bu tilda hujjat (wyeb-sahifa) tayyorlash uchun Windows’ning Bloknot kabi oddiy matn muharriri yetarli. HTML tilining buyruqlari “<” va “>” belgilari orasiga yoziladi va deskriptor yoki teg (inglizcha tag – yorliq, belgi, alomat) deb ataladi. HTML tili taxminan 1991—1992-yillarda Yevropa Yadroviy Tadqiqotlar Markazida ishlovchi britaniyalik mutaxassis Tim Berners-Lee tomonidan ishlab chiqilgan. Dastlab bu til mutaxassislar uchun hujjat tayyorlash vositasi sifatida yaratilgan. HTML tilining soddaligi (SGMLga nisbatan) va yuqori formatlash imkoniyatlarining mavjudligi uni foydalanuvchilar orasida tez tarqalishiga sabab bo ldi. Bundan tashqari undaʻ hipermatnlardan foydalanish mumkin edi. Tilning rivojlanishi bilan unga qo'shimcha multimedia ( tasvir , tovush , animatsiya va boshqalar) imkoniyatlari qo'shildi. Html sintaksisi: <!DOCTYPE html> < html > < head > < title >Bu sarlavha</ title > </ head > < body > < p > Erkak: < input type = "radio" name = "jins" > Ayol: < input type = "radio" name = "jins" > </ p > < div > < p >Hello world!</ p > </ div > </ body > </ html > < head > < title >Sarlavha</ title > < link rel = "stylesheet" href = "stylebyjimbowales.css" /> <!-- stylesheetlarni import qilish --> </ head > < h1 >Sarlavha 1</ h1 >
< h2 >Sarlavha 2</ h2 > < h3 >Sarlavha 3</ h3 > < h4 >Sarlavha 4</ h4 > < h5 >Sarlavha 5</ h5 > < h6 >Sarlavha 6</ h6 > Imkoniyatlari HTML quyidagi formatlash imkoniyatlariga ega: Matn qismining mantiqiy rolini belgilash (matn sarlavhasi, paragraf, ro'yxat va hokazo). Hipermatnlar yaratish. Bu ayniqsa juda qulay bo'lib o'zaro bog'langan hujjat sahifalari orasida navigatsiya qilishni yengillashtiradi. Matnning rangi, qalinligi va boshqa shrift ko'rsatkichlarini belgilash. Maxsus belgilar qo'yish. ASCII kodirovkasida ko'rsatilmagan belgilar HTML vositalari bilan qo'yish mumkin. Masalan grek alfaviti belgilari α , ψ , ζ , matematik belgilar ∫, ∞, √, ½, ¼ , ¾, moliya belgilari €, £, ¥, ©, ®, ™ va hokazolar. Foydalanuvchi kiritishi uchun maydonlar yaratish. Multimedia fayllarini ochish. Boshqa imkoniyatlar Versiyalari RFC 1866 — HTML 2.0 standarti (22-sentabr 1995-yil). HTML 3.2 — 14-yanvar 1996-yil HTML 4.01 — 24-dekabr 1999-yil ISO/IEC 15445:2000 [ sayt ishlamaydi ] — 15-may 2000-yil HTML 1.0 versiya rasmiy ravishda mavjud emas. HTML dastlab nostandart turli versiyalari mavjud bo'lganligi tufayli birinchi rasmiy versiya 2.0 dan boshlangan. 1995-yil „Xalqaro O'rgimchak to'ri konsortsiumi“ tomonidan HTMLning 3 versiyasi taklif qilindi. Ushbu versiyada juda ko'p yangiliklar, jumladan jadvallar yasash, rasmlarni matn bilan atrofini o'rash, matematik formulalar yaratish kiritildi, biroq u davrdagi brauzerlarda bu imkoniyatlar realizatsiya qilinmadi. 3.1 versiya hech qachon taklif qilinmagan bo'lib, darxol 3.2 versiyaga o'tildi. Unda 3.1 versiyadagi ba'zi yangiliklar tushirib qoldirildi. Matematik formulalar boshqa MathML standartida alohida ko'rsatildi. HMLning 4.0 versiyasida standartizatsiya kuchaytirildi, faqat maxsus brouserlarga oid teglar (masalan, <label>) tushirib qoldirildi, ba'zi teglar eskirgan sifatida tavsiya etildi (masalan, <font> tegi o rnigaʻ CSS imkoniyatlaridan foydalanish tavsiya etiladi).
HTML dasturlash tilida matnlar bilan ishlashda qo’laniladigan teglar № Yozilishi Ma’nosi 1 <HTML></HTML> Saxifa tegi bilan boshlanadi yakun 2 <HEAD> </HEAD> Sarlavha qismi teglar orkali ifodalana 3 <BODY> </BODY> tana qismi teglar 4 <TITLE> va </TITLE> teg orqali sarlavha matni kiritiladi 5 < p align =” center ”> sarlavha matni </ p > - bu erda align=”center ” sarlavhaning markazda joylashishini ta`minlaydi. 6 < Body bgcolor=”Blue ”> umumiy sohaning rangi berildi</ Body > 7 < HR > tegi orqali matn tarkibiga gorizontal chiziq hos 8 Size – qalinligin i belgilaydi. 9 Colo r – rangin i belgilaydi 10 Width hight – uzunligin i belgilaydi 11 Align – joylashishin i boshqaradi 12 < marquee >.</ marquee > matnni harakatlantiruvchi teg 13 <body bg color =''yellow'' > </body bg color> - fonga rang berish 14 <Font> va </Font> matn formatini boshqarishda foy 15 Size – matn o’lchamini belgilaydi 16 Color – matn tarkibidagi belgilar rangi boshqariladi 17 Face – shrift nomini belgilaydi 18 <font size="36"> matn </font> matn razmeri 19 <font color="Red" > qizil rang inglizcha nomi</font> 20 <font face="Times Roman" > Times Roman shriftd a yozilgan matn</font> 21 <Font> tegi orqali birnechta atributlar ni ko’rsatish mumkin 22 M: <font matn qizil rangda, 3 o’lchamda, Arial shriftda yozildi
color="#ff0000" size="3" face="Arial" > </font> 23 <b> </b> matnnni q alinlashtira di 24 < i > </ i > matnni kursiv holatga keltiradi 25 < u > </ u > matn tagiga chizadi 26 < s > </ s > matn ustidan chizadi 27 <sup> </sup> daraja sifatida yozish 28 <sub> </sub> indeks sifatida yozish 29 < p align="right" > </p> o’ng tomondan formatlash 30 < p align=" justify " > </p> teng tomondan formatlash 31 < p align="left" > </p> chap tomondan formatlash 32 < p align="center" > urtaga formatlash 33 < big > </ big > matnni kattalashtiradi 34 < small > </ small > matnni kichiklashtiradi <!DOCTYPE HTML"> <html> <head> <title> Hujjat sarlavhasi </title> </head> <body> Asosiy qism </body> </html> Birinchi <!Doctype> tegi o’zining param е trlari bilan brauz е rga ushbu Web sahifani qaysi HTML v е rsiyada yozilganligi haqida malumot b е radi. Web sahifa ishga tushurilganda brauz е rning eng yuqori satrida yuklanayotgan hujjat mazmunini anglatuvchi qisqacha yozuv turadi. Bu yozuvni hosil qilish uchun quyidagi ochiluvchi <title> va yopiluvchi </title> teglaridan fodalanamiz.