Avtomonillar rusumi haqida web sahifasini yaratish va tizimga joylashtirish - Информатика и ИТ - Рефераты

Информация о документе

Цена	2000UZS
Размер	2.9MB
Покупки	0
Дата загрузки	07 Ноябрь 2026
Расширение	docx
Раздел	Рефераты
Предмет	Информатика и ИТ

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" /> 
</ 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.

Misol 2:
<html>
<head>
<title>Web sahifa sarlavhasi</title>
</head>
<body>
</body>
</html>
rasm 2.
Web sahifaning asosiy qismi <body> va </body> teglari orasida joylashadi. Bu
oddiy matn bo’lishi mumkin. Brauz е r bu matnni to’g’ridan to’g’ri int е rpr е tatsiya
qilib ekranda tasvirlaydi. Bizga dastlabki Web sahifamizni yaratish uchun oddiy
« Bloknot » matn muharriri kifoya. Quyida ko’rsatilgan misolni matn muharririda
yozib, uni xotiraga yozishda k е ngaytmasini *.html yoki *.htm d е b kiritishimiz
k е rak.

Misol 3:
<html>
<head>
<title> M е ning birinchi Web sahifam </title>
</head>
<body>
Webga yo’naltirilgan dasturlash fanidan tayyorlayotgan ilk ishlarim
( izoh : boshqa misol keltirishingiz mumkin)
</body>
</html>
Bu faylni ishga tushirish uchun sichqoncha ko’rsatkichini shu fayl ustiga k е ltirib
chap tugmasini ikki marta bosish k е rak. Natijada ekranda quyidagi ko’rinishda
natija hosil bo’ladi:

Rasm 3.
<body> tegi bir qancha qo’shimcha param е trlarga ega. Bu param е trlar tegning
ochiluvchi qismida joylashadi. Param е trlar ikki qismdan iborat
bo’ladi: param е tr nomi va param е tr qiymati . Masalan bgcolor param е tri
tasvirlanayotgan Web sahifa fonining rangini b е lgilaydi.
Masalan:
<body bgcolor = “green”>
Param е trlarning satrli qiymatlari qo’shtirnoq ichida yoziladi. Biz
quyida <body> tegining paramеtrlari bilan tanishamiz.
 B а ckground - fon sifatida biror bir grafik tasvirdan foydalanish. Paramеtr
qiymati sifatida grafik tasvir joylashgan manzil (URL) bеriladi.
 Text - tasvirlanayotgan matn rangi.
 Link - Web sahifadagi matnli gip е rmurojat rangi.
 Vlink - foydalanuvchi tomonidan oldin murojaat qilingan gip е rmurojaat
rangi.
 Alink - foydalanuvchi tomonidan tanlangan gip е rmurojaat rangi.
 Lang - Web sahifa matni yozilgan tilni aniqlash.
M е tama'lumotlar
Endi biz m е tama'lumotlar bilan tanishib chiqamiz. Web sahifalarda m е ta
ma'lumotlarini hosil qilish uchun <meta> tegi ishlatiladi, uning umumiy ko’rinishi
quyidagicha:
<meta name=“o’zgaruvchi nomi” content=“o’zgaruvchi qiymati”>
Agarda biz Web sahifadagi avtor haqida ma'lumot yozmoqchi bo’lsak uni
quyidagi ko’rinishda yozish mumkin:
<meta name="author" content="Zaripova Muqaddas">
M е tama'lumotlar asosan Internetda joylashgan qidirish mashinalari uchun zarur.
Qidirish mashinalari Web sahifalar haqidagi ma'lumotlarni qa е rdan oladi d е gan
savol paydo bo’ladi. Xuddi shu ma'lumotlarini qidirish mashinalari
m е tao’zgaruvchilardan oladi. Web sahifa qaysi sohaga t е gishli, unda qanday

ma'lumotlar borligini aniqlash
uchun. <meta> tegida keywords va description o’zgaruvchisi bor.

<! DOCTYPE html >
< html lang = "en" >
< head >
< title > Car Club </ title >
< meta charset = "utf-8" >
< link rel = "stylesheet" href = "css/reset.css" type = "text/css" media = "all" >
< link rel = "stylesheet" href = "css/layout.css" type = "text/css" media = "all" >
< link rel = "stylesheet" href = "css/style.css" type = "text/css" media = "all" >
< script type = "text/javascript" src = "js/jquery-1.4.2.min.js" ></ script >
< script src = "js/rollover.js" type = "text/javascript" ></ script >
< script type = "text/javascript" src = "js/script.js" ></ script >


</ head >
< body id = "page1" onLoad = "MM_preloadImages('images/m1-act.gif','images/m2-
act.gif','images/m3-act.gif','images/m4-act.gif','images/m5-act.gif')" >

< header >
< div class = "container" >
< figure >< img src = "images/1page-header-img.jpg" ></ figure >
< h1 >< a href = "#" ></ a ></ h1 >
< ul class = "top-menu" >
< li >< a href = "#" > Help </ a ></ li >
< li class = "last" >< a href = "#" > FAQ </ a ></ li >
</ ul >
< form action = "#" id = "search-form" >
< fieldset >
< div class = "rowElem" > < span >
< input type = "text" >
</ span > < a href = "#" >< img src = "images/button-search.gif" ></ a >
</ div >
</ fieldset >
</ form >
< nav >
< ul >
< li >< a href = "index.html" onMouseOut = "MM_swapImgRestore()"
onMouseOver = "MM_swapImage('m1','','images/m1-act.gif',1)" >< img
src = "images/m1-act.gif" id = "m1" ></ a ></ li >
< li >< a href = "about-us.html" onMouseOut = "MM_swapImgRestore()"
onMouseOver = "MM_swapImage('m2','','images/m2-act.gif',1)" >< img
src = "images/m2.gif" id = "m2" ></ a ></ li >
< li >< a href = "articles.html" onMouseOut = "MM_swapImgRestore()"
onMouseOver = "MM_swapImage('m3','','images/m3-act.gif',1)" >< img
src = "images/m3.gif" id = "m3" ></ a ></ li >

< li >< a href = "contact-us.html" onMouseOut = "MM_swapImgRestore()"
onMouseOver = "MM_swapImage('m4','','images/m4-act.gif',1)" >< img
src = "images/m4.gif" id = "m4" ></ a ></ li >
< li >< a href = "sitemap.html" onMouseOut = "MM_swapImgRestore()"
onMouseOver = "MM_swapImage('m5','','images/m5-act.gif',1)" >< img
src = "images/m5.gif" id = "m5" ></ a ></ li >
</ ul >
</ nav >
</ div >
</ header >
< section id = "content" >
< div class = "container" >
< div class = "inside" >
< div class = "wrapper" >
< article class = "col-1" > < img src = "images/1page-title1.gif"
class = "title" >
< ul class = "list" >
< li >< a href = "#" >< img src = "images/1page-
img1.jpg" >< strong > 05.05.2023 </ strong > Sed ut perspi ciagtis unde omnis iste
natus error sit voluptate. </ a ></ li >
< li >< a href = "#" >< img src = "images/1page-
img2.jpg" >< strong > 03.08.2023 </ strong > Neque porro quisqam est, qui dolorem
ipsum quia dolor sit amet. </ a ></ li >
< li >< a href = "#" >< img src = "images/1page-
img3.jpg" >< strong > 29.07.2023 </ strong > Neque porro quisqam est, qui dolorem
ipsum quia dolor sit amet. </ a ></ li >
</ ul >
</ article >
< article class = "col-2" > < img src = "images/1page-title2.gif"
class = "title" >
< p > Aeneanid justo a lobortor a et et in eros porta curabitur.
Rhoncuscondissim nam sed nulla id ac dui id temportis orci ligula.
Pretrainterdum intesque aliquam facing urna. </ p >
< div class = "box" >
< div class = "inner" >
< div class = "wrapper" >
< ul class = "list1 col-1" >
< li >< a href = "#" > At vero eos et accusamus et
iusto </ a ></ li >
< li >< a href = "#" > Odio dignissimos ducimus qui </ a ></ li >
< li >< a href = "#" > Blanditiis praesentium
volupttum </ a ></ li >
</ ul >
< ul class = "list1 col-2" >
< li >< a href = "#" > Deleniti atque corrupti quos </ a ></ li >
< li >< a href = "#" > Cupiditate non provident,
similique </ a ></ li >
< li >< a href = "#" > Sunt in culpa qui officia
deserunt </ a ></ li >
</ ul >

</ div >
</ div >
</ div >
< p > Ornatemper donec elis vel fauctor vestie orci sit enim
pretium rhoncus. Maecenasceleritauctortor enim ligula < a
href = "#" > tincidunt elit justo fermentum </ a > id curabitanterdum velit arcu.
Enimmonterdum fring montes temper rhoncus phasellus sus phasellentum
elerisus vestibulum ut. </ p >
< p class = "p0" > Egetvolutpat fametus mauristie id ristibulum nibh
tor nequam duis lacinia at. Estibulumultrices curabitur sed leo orna
laorem sed pretium et scetuer congue. </ p >
</ article >
</ div >
</ div >
</ div >
</ section >
< aside >
< div class = "container" >
< div class = "inside" > < img src = "images/extra-title.gif" class = "title" >
< ul class = "banners" >
< li >< span >< span >< span >< img src = "images/icon1.gif" >< strong > Shablon
haqida </ strong > Quismorbi sociis pede orci hac montesquet donec eget sem et
ut. </ span ></ span ></ span ></ li >
< li >< span >< span >< span >< img src = "images/icon2.gif" >< strong > Bizning
avtomobil klubimiz </ strong > Lorem ipdfsum dolorset consghectetur adipisic-
ing elit sed do. </ span ></ span ></ span ></ li >
< li class = "last" >< span >< span >< span >< img
src = "images/icon3.gif" >< strong > Sport poygasi </ strong > Eiusmod tempor didnut
labore et dolore magna tempor aliqua. </ span ></ span ></ span ></ li >
</ ul >
</ div >
</ div >
</ aside >
< footer >
< div class = "footerlink" >
< p class = "lf" > Mualliflik huquqi © 2023 < a href = "#" > Dlshodbek </ a >
- Barcha huquqlar himoyalangan </ p >
< p class = "rf" > Design by < a
href = "http://www.templatemonster.com/" > TemplateMonster </ a ></ p >
< div style = "clear:both;" ></ div >
</ div >
</ footer >

</ body >
</ html >

Avtomonillar rusumi haqida web sahifasini yaratish va tizimga joylashtirish

Купить

Похожие документы
3d-max dasturida obektlarni yaratish
Algoritm va ma’lumotlar strukturasi
3D-MAX dasturi haqida
3D Studio MAX dasturiga kirish. 3D Studio MAX dasturi haqida tushuncha
Adobe photoshop dasturida tasvirlarda ishlov berish,taqdimot yaratish