Web- sahifalarga rasmli, grafikli ma’lumotlarni joylashtirish va bezash. Reja

Aim.uz

Web- sahifalarga rasmli, grafikli ma’lumotlarni joylashtirish va bezash.
Reja:

1. 
   Web-sahifalarga rasmli ma’lumotlarni joylashtirish
   
2. 
   Web- sahifalarga grafikli ma’lumotlarni joylashtirish
   

HTML hujjattuzilishi
HTML tiliandozasibo’yichahujjatgateglarini (NTML tilibuyruqlariteg (tag) debataluvchimaxsuselementlaryordamidaberiladi) kiritishtavsiyaetiladi. BrauzerNTML hujjatnio’qiganida, ularningborligihujjatbo’limlarinianiqko’rsatadi. Agarularbo’lmasahambrauzerNTML hujjatnito’\rio’qiydi, lekinhujjatbo’limlaribir-biridanajralibturmaydi.
Bunda, < / NEAD >orasidajoylashgansarlavxagaoidma’lumotqismidaodatdafoydalanuvchigae’tiborsiz, lekinbrauzeruchunzarurulganma’lumotberiladi.
, < / VODY>orasigaesato’laligichauningoperatorlariketma - ketligijoylashtiriladi.
HTMLtildasarlavhalaryaratishning 6 xilturimavjud. Ularningbarchasi 2 tomonlamateghisoblanadi. Ular< H1 > …. < H6 >teglaridir.

- abzatsdanboshlabyozishtegi. Butegbirtomonlamateghisoblanadi

-yangisatrdanboshlabyozishtegi. Buteghambirtomonlamateg.
Matnlarniturlitomondantekislabyozishuchunquyidagiatributlardanfoydalanamiz. Buatributningichidagima’lumotlarqo’shtirnoqichigaolinibyoziladi. Ma’lumotlarnijoylashtirishdaatributlariningboshqismiAlignso’zibilanboshlanadivaundankeyinqo’shtirnoqichidaqaysitomondanyozishkerakbo’lganxizmatchiso’zlariyoziladi. Buxizmatchiso’zlargaquyidagilarkiradi.
Left-chaptomondantekislabyozish
Center-markazdantekislabyozish
Justify- Ikkitomonlamatekislabyozish
Matnlarningo’lchaminikattayokikichikholatdakiritishuchunteglaridanfoydalaniladi. Buteglar 2 tomonlamateghisoblanadi.
Matnlarturiquyidagiteglardanfoydalaniladi. Buteglarningbarchasi 2 tomonlamateghisoblanadi.
- Oddiyyozuv<\T>
- Kursiv<\I>
- Qalinyozuv<\B>
-Ustigachizilganyozuv<\S>
- tagigachizilganyozuv<\U>
- YOzuvnikattalashtirish<\Big>
- YOzuvnikichiklashtirish<\Small>
Buyozuvlarsahifalardaaralashhollardahamqo’llaniladi.
Oddiyyozuvqiyshiqqalin<\T><\I><\B>


Matnlargaro’yxatqo’yish
A) Tartiblanmaganro’yxat
Buro’yxatqo’yishtegi

tegidanboshlanib, qaysiguruhgategishliekanligiqo’yilib, keyingitegorqaliamalgaoshiriladi.
Masalan:
1. tartiblashro’yxattegi. Buteglar 2 tomonlamateglarhisoblanadi.
   Butegningatributlarimavjud. Ular 1, a, A, I, l. Agar 1 qo’yilsa, tartiblanganro’yxatdanoldinraqamqo’yiladi, aqo’yilsaro’yxatdanoldinkichikharflarqo’yiladi, A-bo’lsa, ro’yhatdanoldinqo’yiladi.
   Agarro’yhatdankeyinYAngiixtiyoriymatnyozilib, ro’yxatdavomettirilmoqchibo’lsa, START= «Son» tegidanfoydalanimiz. Butegdankeniyko’rsatilgansonbo’yichatartibdavometadi.
   YUqoridagiatributlarniqo’yishuchununingtipiko’rsatiladi
   B) Tartiblanmaganro’yxat
   Buro’yxat
   tegibilanboshlanadivau 2tomonlama.
   tegitartiblanmaganoddiyro’yxatlarhisoblanib, uningtipidaro’yxatningoldigaqandaybelgiqo’yilishkerakliginiko’rsatiladi. Bulargadiskbelnioldigadisketadagiyokikompyuterdagichiziqyokiboshqabelgilarnichiqaradi.
   V) Ta’riflashro’yxati
   Buteg

   ta’riflash<\df>ta’rifmazmuni<\dl>. Bu yerdata’riflashdeyilgandabirortaYAngiatamayokiso’zninazardatutadi. Ta’riflashmazmunidaesaalohidategorqaliyozilib

   mazmun<\dd>
   HTMLtilidajadvallartegiorqaliifodalanadi. Butegikkitomonlamategya’niyopiladiganteg. <\table>jadvallarsatrvaustunelementlaridaniboratbo’lganligiuchununingsatrinialohidavasatrdagikataklarnialohidaifodalashkerakbo’ladi. Satrniifodalashuchuntegidanfoydalaniladi. Buteg<\tr>ikkitomonlama. Busatnikataklariniifodalashuchunesa

   tegidanfoydalaniladi. Buteghamikkitomonlamategbo’lib, <\td>uningorasigakatakdagimatnhamyoziladi. Misol: Bu yerdajadvalchiziqlarihosilbo’lmaydi. Jadvalchiziqlarinihosilqilishuchunborder="qiymat" xizmatchiso’zidanfoydalanamiz. Bu yerdaqiymat 1,4 sonqabulqiladi. Jadvalnibalandliginivakengliginihamtasvirlashmumkin. BuninguchunWidth= "Foiz" Heagth="Foiz" HTML daranglarvarasmlarbilanishlash HTMLdasahifaningchiroylichiqishiuchunranglarmuhimrolo’ynaydi. Butildaranglarningberilishiinglizchayokiharbiriuchunberilganmaxsuskodorqaliamalgaoshiriladi. Ranglarkodlarorqalitasvirlangandayokiingliztilidayozilganda «»ichigaolinadi. Masalan :«Red», «Yellow» HTMLdamatnranginivamatnshriftiningharflaro’lchaminianiqlashuchun (Font) tegidanfoydalaniladi. Buteg 2 tomonlama. Font tegidagiatributlarishlatiladi. 1. face-Matnshriftiningturinianiqlashuchunishlatiladivauqo’yidagichayoziladi. Matn<\Font> 2. size-«o’lcham» Matno’lchaminibelgilaydi. 3. Color- «Rang» Matnranginibelgilaydi. - Matnrangioq<\Font> Fonranginibelgilash. atributidanfoydalaniladi. Masalan: Tasvirniqo’yishuchun background atributidanfoydalaniladi. Rasmo’lchaminiberishuchunWidth, Heagtho’lchamlaridafoydalaniladi. Sahifagarasmlarqo’yishya’nimatnlarorasidaturlixilrasmlarnijoydashtirishuchuntegidanfoydalaniladi. Butegbirtomonlamahisoblanib, undan SRC atributiishlatiladi. Giperssыlka(bog’lanish)- -buteg 2 tomonlamateghisoblanib, undaqo’yidagiatributlarxizmatchiso’zlarishlatiladi. Href- atributibirorbirmanzilnianiqlash, Target- o’tilmoqchibo’lganbelgiyokinishonnianiqlashuchunishlatiladi. HTML tilida Web sahifanibirnechaoynalarbilantashkiletish, uningko’rgazmaliliginioshiribbitadasturichidanbirnechtahujjatlarbilanishlashimkoniniyaratishhammumkin. Bunifreymlarorqalitashkiletiladi. Freymlarbilanoynalarto’plamihisoblanadi. Frameset- birnechtaoynalarto’plamihisoblanadi. Uorqalioynalarninggorizontalvavertikalholatdaya’nisatrvaustunholatidajoylashtirishmumkinbo’ladi. Uningsahifadaberilishitegiorqaliquyidagichaifodalashmumkin. Nazorat savollari ! 1.HTML dasturiytilibirinchimartakimtomonidanishlabchiqilgan, 2.HTML hujjatningyangiandozasinima? 3.HTML tiliandozasibo’yichahujjatgakandayteglarinikiritishtavsiyaetiladi? 4.HTMLtildasarlavhalaryaratishningnechaxilturimavjud? 5.Ma’lumotlarnijoylashtirishdaatributlariningboshqismikandayso’zibilanboshlanadi? 6.Tartiblanmaganro’yxatteginominima? 7.HTMLdasahifaningchiroylichiqishiuchunnimamuhimrolo’ynaydi? Aim.uz