HTML ва CSS бўйича янги бошланувчилар учун ўқув қўлланма
HTML ва CSS тилларида веб-саҳифа яратиш бўйича янги бошланувчилар учун батафсил назария ва машқлар тўплами билан содда ўқув қўлланма.
HTML асослари
001
Сайт яратиш учун тиллар
002HTML Тили
003HTML теглар
004HTML тегларидаги атрибутлар
005HTML тегларнинг стиллари
006HTML саҳифанинг асосий тузилиши
007Асосий HTML теглар билан ишлаш
008Абзацлар учун теглар
009Саҳифа сарлавҳалари учун теглар
010Матнни қалин қилиб кўрсатиш учун теглар
011Матнни курсив билан ajratish учун теглар
012HTMLдаги тартибсиз рўйхатлар
013HTMLдаги тартибланган рўйхатлар
014HTMLда ссылалар билан ишлаш
015HTMLдаги ички ҳаволалар
016HTMLда расмлар билан ишлаш
017HTMLда расм эни
018HTMLда расм баландлиги
019HTMLда расмнинг эни ва бўйи
020HTMLда таблицалар билан ишлаш
021HTMLдаги таблицанинг эни ва бўйи
022HTMLдаги жадвалдаги жаблама ҳужайралари
023Асосий HTML теглар билан амалиёт
CSS асослари
024
CSS тили билан ишлашнинг асослари
025CSS билан ишлаш
026CSSда ранг учун калит сўзлар
027CSSда ҳар қандай ранглар
028CSSда элементларнинг эн ва бўйи
029CSSда матнни тўғрилаш
030CSSда матнни ўнг томонга тўғрилаш
031CSSда матнни марказга текислаш
032CSSда матнни чап тарафга тўғрилаш
033Матнни CSS да ўнг ва чап томонга бир вақтда мослаш
034CSSда матнни текислаш амалиёти
035CSSда матн қалинлиги
036Курсив в CSS
037CSSда шрифт ўлчами
038CSSда шрифт тури
039CSSдаги сатрлар ораси интервал
040CSSда line-height-нинг ўлчов бирликсиз қиймати
041CSSда font хоссаси
042Матннинг қизил сатри CSS да
043CSSда текст эффектлари
044Текстнинг қуйига чизилиши CSS
045Текстнинг қисқа чизмасини CSSда устки қисми
046CSSда матнни чиззиш
047CSSда матн учун эффектларни бекор қилиш
048Асосй CSS хусусиятлари амалиёти
Селекторлар
049
HTML тегларнинг қарндаш алоқалари
050CSS хусусиятларини мерос олиш
051CSSда селекторларни гуруҳлаш
052CSSда селекторларни гуруҳлашда умумий хусусиятлар
053CSSдаги авлод селекторлари
054CSSдаги фарзанд селектори
055CSSда элементларнинг класслари
056HTMLдаги матн бўлаклари учун span теги
057HTML-да тегларни гуруҳлаш учун div теги
058CSSда классларни гуруҳлаш
059CSS да берилган классли тег
060CSSда ку́рнама ва синфлар
061CSSда класслар ва наслий селекторларнинг мураккаб комбинациялари
062Бошланғичларнинг селектор натижаларидаги хатолиги
063Элемент с бир нечата CSS класслари
064CSS да уникал id орқали элементни танлаш
065ID буйича селектор ва CSS синфлари
066CSS да id лардан фойдаланиш
067CSS да бир нечта синфлар бўйича элементни танлаш
068CSSда бир нечта селекторларни бирлаштириш
069Бир нечта CSS селекторларни қўллашда хатолик
070CSSда мураккаб селекторларни гуруҳлаш
071Мураккаб CSS селекторларини гуруҳлашда хатолик
072CSS селекторлар комбинациялари амалиёти
073CSS Селекторларининг Приоритети
074CSS иборалари зиддиятларига изоҳ
075CSS да спецификлик қоидалари
076CSS даги мерос селекторларининг приоритети
077CSSда қўшни селектор
078CSSдаги қариндош селектори
079CSSда универсал селектор
080CSSда атрибут селекторлари
081CSSдаги ссылкаларнинг ҳолатлари
082CSSдаги ҳаволалар ҳолатининг ketma-ketligi нуанслари
083CSSда link ва visited ссылка ҳолатлари
084CSSда илова ҳолатларининг оддий қўлланилиши
085CSSдаги ҳавола ҳолатлари билан мураккаб селекторлар
086CSSда классли ҳавола
087CSSда охирги элементларни танлаш
088CSSда элементларнинг позицияси бўйича танлаш
089CSSда ягона фарзандни танлаш
090CSSда бўш элементларни танлаш
091CSSда элементларнинг позицияси ва тури бўйича танлаш
092CSSда инкор селектори
Безаклов
093
CSSда фон рангини ўрнатиш
094CSSда чеккалар билан ишлашнинг асослари
095CSSдаги соф (сплошная) чекка
096CSSда нуқтали чек
097CSSда тире шаклидаги чегара
098CSSдаги дўппи чекка
099CSSда икки марта чек
100CSSда чеккаланинг чегара хусусияти
101CSSда алоҳида томонлар учун чегара
102Блок чегаларини CSSда йумшатиш
103CSSда фон чеккаларини айлантириш
104CSSда айлана яратиш
105CSSда турли бурунлар учун турли яйримлашлар
106Тўртта қийматли бурчакларни айлантириш учун CSS
107CSSда турли бурчаклар учун икки ёмгирлаш қийматлари
108CSSда турли бурчаклар учун учта яйрилик қийматлари
109CSSда фоизларда яхлитланган бурчаклар
110CSS да процентида доира ясаш
111CSSда фон сурәти
112CSSда фон суртини такрорлаш
113CSSда фон учун бошқа хусусиятлар
114CSSда ul рўйхат маркерлари билан ишлаш
115Рўйхатларнинг квадрат маркерлари ул CSS да
116Рўйхат ul белгиловчиларини айлана шаклида CSS
117CSS да ул рўйхат маркерлари билан ишлаш
118Рўйҳат белгиларини CSSда ўчириш
119Рўйхатларнинг ol маркерлари билан CSSда ишлаш
120CSS да спискалар учун кичик рим рақамлари
121CSSда ol рўйхатлари учун бош ҳарфли рим рақамлари
122Строчные латинские буквы для списков ol в CSS
123Рўйхатлар учун CSS даги катта лотин ҳарфлари
124Строчные греческие буквы для списков ol в CSS
125Рўйҳат OL учун CSSда олдида нолли сонлар
Блок модели
126
CSS да марж билан ишлаш
127CSSда турли томонлар учун margin бўшлиқлар
128CSSда margin свойпида бир нечча қийматлар
129CSSда margin воситасидаги тўрт қиймат
130CSSда margin хоссасида икки қиймат
131CSSда margin хусусиятида уч қиймат
132CSS да паддинг (padding) оралиги билан ишлаш
133CSS да турли томонлар учун padding щўшмалари
134CSSда padding свойпида бир нечча кийматлар
135CSS да паддинг (padding)лар билан ишлаш
136CSSда элементларнинг кенгайишига чегаранинг таъсири
137Padding ва границанинг CSS да элементларнинг кенгайишига таъсири
138CSSда элементларнинг кенгайишини бекор қилиш
139CSSдаги блокли элементларнинг хусусиятлари
140CSSда блок элементнинг эни ва бўйи
141CSSда блок элементнинг кенглиги
142CSSда блок элементнинг баландлиги
143CSSда ич бўш блок элементнинг баландлиги
144CSSда бир нечта блокали элементларнинг янима-яни жойлашуши
145CSSдаги сатр элементларининг хусусиятлари
146CSSдаги сатр элементининг кенглиги ва баландлиги
147CSSда бир нечта сатр элементларининг янима-яни жойлашуши
148CSSда сатр элементлари ўртасидаги бўшлиқлар
149HTML тегларнинг блок моделини аниқлаш
150CSSда display хусусияти билан ишлаш
151CSSдаги сатр-блок элементларининг хусусиятлари
152САТОРЛИ-БЛОКЛИ ЭЛЕМЕНТНИНГ КЎЛЛАНИШИ ВА БЎЙИ CSS ДА
153Строчно-блокли элементнинг CSS да эни
154Строчно-блокли элементнинг CSS даги баландлиги
155Несколько строчно-блочных элементов рядом в CSS
156Блокли элементларни CSS да выравнивание қилиш
157CSSда блок элементни чапдаги четлаб қўйиш билан текислаш
158Блокли элементни ўнг томондан жойлаш билан CSS да жойлаш
159CSSда сатр элементларини текислаш
160CSS да сатрий элементларни марказга жойлаштириш
161Бир нечта сатрли элементларни марказга олиш
162CSS да ички элементларни ўнг четга мослаш
163Строчно-блоқли элементларни CSS да выравнивание қилиш
164САТРЛАШМА-БЛОКЛИ ЭЛЕМЕНТЛАРНИ CSSДА САТРЛАШ
165Строчно-блокли элементларни CSSда ўнг четга мослаш
166CSSда Флекс элементлар
167CSS да флекс элементларининг ота-онасининг баландлиги
168Флекс элементлар родителининг CSS даги эни
169CSS да флекс элементларининг сатрли-блокли ота-онаси
170CSSда флекс элементларнинг ота-онасининг padding щаволари
171CSSда флекс элементларга margin щўнгалишлари
172CSS да флекс элементларини текислаш
173Флекс элементларини марказга тўғрилаш CSS да
174Флекс элементларини CSS да родител буйича текислаш
175Флекс элементларини ота-она билан оралиқлар орқали мослаш
176Флекс элементларини ота-онага тенг четаралар билан мослаш
Позиционлаш
177
CSSда элементларнинг абсолют позициони
178CSSда элементларнинг нисбий позиционланиши
179CSSда ота-онага нисбатан позиционлаш
180CSSда абсолют ота-рога нисбатан позиционирование
181CSSда координаталарсиз абсолют позиционирование
182CSSда абсолют орқали марказлаш
183CSSда позиционлашда манфий қийматлар
184CSSда фиксированланган позиционирование
185Блок бутун экран энига тўлдириш учун CSS
186CSS да Z ўқи бўйича элементларни қоплаш
187CSS да Z ўки буйича элементларни қоплашни тартибга солиш
188CSSда z-indexнинг манфий қийматини қўллаш нюанслари
Флоатлар
189
CSSда float хусусиятига кириш
190CSSда float элементларининг теглар орқали ўта ошиши
191CSS да float ва margin бирлашмаси
192CSSда float ва padding бирлиги
193CSS да теглар остидаги сузувчи элементлар
194CSS да флоатларнинг ота-онага таъсири
195CSSда флоатлар ота-онасининг баландлиги
196CSS да флоатлар отасидаги матн
197CSS да гирдав
198CSS да clear свойстви ёрдамида ўраб чиқишни бекор қилиш
199CSSда алоҳида див клиарфикси
200Клиарфикс ва ота-она баландлиги CSS да
201CSS да блоклар учун float хоссаси
202CSS да Float хусусияти ва бир нечта блоклар
203CSS да float хоссаси ва матнсиз ота-она
Флекслар
204
Флекс элементларини сатр ёки устунда жойлаш CSS
205CSS да флекс элементларини тескари қаторда жойлаштириш
206CSS да флекс элементларини устма-уст жойлаш
207CSS да флекс элементлар билан устунларни айлантириш
208CSS да флекс блоклардаги асосий ва кўндаланг ўқлар
209CSSда флекс элементларини бош ўқ бўйлаб текислаш
210CSS да флекс блокларни кўндаланг ўқ бўйича текислаш
211CSS да align-items воситасининг center қиймати
212CSSда блокларнинг бўйи йўқлигида марказга келтириш
213Тарокатдаги турли баландликдаги блокларни CSSда марказлаш
214CSS да align-items хусусиятининг stretch қиймати
215CSS да ўқлар бўйича текислаш амалиёти
216CSS да флекс модельда алохида элементни текислаш
217CSS да Flex блоклар тартиби
Гридлар
218
CSS гридларига кириш
219CSS гридлардаги трек ва линиялар
220Браузердаги debug қилиш воситасида гридларни кўриш
221CSS гридларидаги устунлар сони ва эни
222CSS гридларида fr бирлиги
223CSS гридларида ғуррат бирликлари fr
224CSS гридларида пикселлар ва fr бирликлари
225CSS гридларида фоизлар ва fr бирликлари
226CSS гридларидаги repeat функцияси
227CSS гридларида auto қиймати
228CSS гридларида auto-fill қиймати
229CSS гридларида minmax функцияси
230CSS гридларида auto-fit қиймати
231CSS гридларидаги қаторлар сони ва эни
232CSS гридларида сатр ва устунлар учун қисқартириш
233CSS гридларида сатрларни бирлаштириш
234CSS гридларида устунларни бирлаштириш
235CSS гридларида қатор ва устунлар бўйича бирлашмаларнинг комбинациялари
236CSS гридларида устунларни устима-уст тушиши
237CSS гридларида устунлар орасидаги масофа
238CSS гридларидаги қаторлар ўртасидаги масофа
239CSS гридларида устунлар ва қаторлар ўртасидаги масофа
240CSS да гридда плиточка
Макетлар
241