logo

Avtomonillar rusumi haqida web sahifasini yaratish va tizimga joylashtirish

Загружено в:

08.08.2023

Скачано:

0

Размер:

2959.4951171875 KB
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. 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 >
<!--[if lt IE 7]>
<link rel="stylesheet" href="css/ie6.css" type="text/css" media="screen">
<script type="text/javascript" src="js/ie_png.js"></script>
<script type="text/javascript">ie_png.fix('.png, h1 a, .box');</script>
<![endif]-->
<!--[if lt IE 9]><script type="text/javascript" 
src="js/html5.js"></script><![endif]-->
</ 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')" >
<!-- START PAGE SOURCE -->
< 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  &copy;  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 >
<!-- END PAGE SOURCE -->
</ body >
</ html >

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.