172.00K

Основы HTML CSS

1.

яяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя
яяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя
яяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя
яяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя
яяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя
яяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя
яяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя
яяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя
яяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя
яяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя
яяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя

2.

ч7к2в1 nbл•§^aџМс~g/еЕћ««.•щѓqeж«}V;№
DєnџЈъqкцq?/R з’;D
¤TЬМE8њ†›Х# ’&gъQќшpѕ¤e ‘
cЉ" Ќ
fЁгЊЈюR< ћТ Tч; €Р#q–
"FМ‰`~BФ5ЭsОЮ¶›«yлSЧґїМ 4Zщ†KжХЧЛ6
ю\·ЅФbKdiХ4ЩК·¤#фЊ—
ФZ¬HU]=шxд9 gЊЛ™• Юш„,Жў`'ДLЋцл@
лы® йqЖgu¶с3Ъ]H ^ия<юoјзз

3.

~-X¦Јю'т•Ч–јН ™)х
Гх}VуR»РХc<Z3e
M"мК 0 &ШwЬрFпb'йв>«‘7Д8c.

4.

шў8c ЇV?}йШ
К«{‡«„zh

5.

qЕ,вPW`Њ›pЖ\<PнлИ*‡!ћѓ“ @Oz
љ}шџ% [у]Ѓ.Е]Љ» v*мUШ«±Wb®Е]Љ» v*мU
Ш«±Wb®Е]Љ» v*мUШ«±Wb®Е]Љ» v*мUШ«
±Wb®Е]Љ» v*мUШ«±Wb®Е]Љ» v*мUШ«±W
b®Е]Љ» v*мUШ«±Wb®Е]Љ» v*мUШ«±Wb®Е
]Љ» v*мUШ«±Wb®Е]Љ» @j_п< у iя лЉ»л‘
+}Гъв®ъд_КЯpюё«ѕ№ т·Ь?®*п®Eьч лЉ±ќ3Л~\Т5ЭkМЦ–—
/®лб PФnооoE ,°@.f•mб
ЕЅ(B%MxЧ|`8"b9 gјќщћd
< љ€$FЃYъ¤$yЃCёrє …Рв<еCЉй ўiz'—-

6.

7.

Жr ю 6Gћа

8.

ъA
Ќѓ хE†bqЗ•ЛщЈ•Q5 И“°Ыn#Q2 #<CДќ

9.

ЌєmЦП›<ЈчqђШс€џ0c’[Я[€е[$є?ьдGеО№щ‚ї
—Z}ш›W–юуJґєKН2E–ъАJn
6q^ѕЎ B@$љХ"j|.y''кчЎйє<щ ћи^vѓQЧµ (л6еЯ6Ш¬·Pi H%Kн=dфТъКpЄ&Џu
‰€Y rFqЏЧ !МW юi?|M r•Qбђ”"ПС*<Ќрћ‡х
H zs Q© Ж*мUШ«±Wb®Е]Љ» v*мUШ«±Wb
®Е]Љ» v*мUШ«±Wb®Е]Љ» v*мUШ«±Wb®Е]
Љ» v*мUШ«±Wb®Е]Љ» v*мUШ«±Wb®Е]Љ»
v*мUШ«±Wb®Е]Љ» v*мUШ«±Wb®Е]Љ» v*
‡№ы0 МUЇьџLU’bЇ O°џкЊД—

10.

фч‚: Dt)Wљь€ћfѕРu‹_3k Tу —
c№‚Г_Т ‹ОmпD_Y†HЇмпЩd0FЗч\ЃQДЌкbxrqЋў€иE‚ л·x
оw[фpч ъШ 7¶Ь¤zW–Б,Ч•-®uї9иѕt
~eТn4 ’7EІЏE6K З¤.‘ѕ±ҐП;
э дLХ]э2™ C‚f|мVьёlK‡jЪв

11.

э^hџ« ‡*Юъс (‰w]LЉ® иЪlћFK_9ЭщЗLу.ЇҐ~–
ф[М>[ЂXѕќЁЛo ·ЉYЅ{InceN#ч Ж д хq
Hs “]Т D‘[т€зcЛr№=ty bтЭъhлa=ЄЗ4PВ

12.

уэЬwчь#’<fдwг я}lll‹ ‰5М·'еG—
ж•1I5юҐ)у ZMў)x l,tY}{;+5H ,K#;1~nЬЌ^ЃBШI
>(КOS(К2 э В
Ъчв&M|аЭml.ПъC э3pbх>/O¦
_»®ј €Яр‰ ю™J#ЉшbhU
–
_Ю]яУђ @cЏ…бЛqбЊVyш`DVФ9B;ХнжRdxшЈ
·ЇДЎьы2ЅмэR&ЇмS‹т3Bm2яQЏр‚, =Ѓ
¦gЎ~^y ЛгМ –^јЪ ™VєЏ”оЅ)ґБ4Ѓ–
кhаhк†л•f@Ю›5_Ђw‘њN§
“о шGфop

13.

рт

14.

15.

Vы‡хЕ]хИї•ѕбэqW}r/еoё•\UЯ\‹щ[о Ч wЧ"юVы
‡хЕ]хИї•ѕбэqW}r/еoё•\UЯ\‹щ[о Ч wЧ"юVы‡х
Е]хИї•ѕбэqW}r/еoё•\UЯ\‹щ[о Ч wЧ"юVы‡хЕ]х
Иї•ѕбэqW}r/еoё•\UЯ\‹щ[о Ч wЧ"юVы‡хЕ]хИї
•ѕбэqW}r/еoё•\UЯ\‹щ[о Ч wЧ"юVы‡хЕ]хИї•ѕ
бэqW}r/еoё•\UЯ\‹щ[о Ч wЧ"юVы‡хЕ]хИї•ѕбэ
qW}r/еoё•\UЯ\‹щ[о Ч wЧ"юVы‡хЕ]хИї•ѕбэq
W}r/еoё•\UЯ\‹щ[о Ч wЧ"юVы‡хЕ]хИї•ѕбэqW}
r/еoё•\UЯ\‹щ[о Ч wЧ"юVы‡хЕ]хИї•ѕбэqW}r/е
oё•\UЯ\‹щ[о Ч wЧ"юVы‡хЕ]хИї•ѕбэqW}r/еoё
•\U r’C ћѓzЁЩ•РЅщ №д “ля дуЁЋ§д

16.

Љy"zBА?Ц€2 wхpФ«©о±
pВ uќ юlП
єзГЕД/ђ M Т 94]_М6Ъ yo_ІіЅЧх?+Щщћо
TУеХґЈsл[' ¦ё<’ТGI=LУ‰q%PK с |Ё» г;Я
7DHЩ "е@Г ¬q ¦ё®Џ"@д=Cr9ДsѕBDEхЯ
Н(<яШ b

17.

U] ‰Юн lЮ п =виШ№ ·[‚,mХ5_=i~YУф9µ»]zцmVЩdWСt

18.

¶а$є?з Ќ¬j:T
енvГEу#\Зе 7]Еjє~Ї%¬RNйl#є’е9E
’Fn
‰]T”'jЗЋ±™‘U :лБ¶эЯЕ I"Bч JҐ( > йp Т2І(хъЃЏ
<T/xШ +юnZ~bA џЎhљп•oјУе№хп#къФ ‘Е{
nў(Ъx’)оќ} .bЁћ%д 2
|–
§ _ ,`@њ@ ф3 а—
#·¤Ш>Ёт”AЩ8з dЏ &<D пЏХ †щСдhФ™7ђtїМ
M55/щXeіу
“AҐ®ќх8Ј‰a–> х <-а$MxІКµ Ђ >И»$ LёEzдGь,ЧP™ Џл :Н

19.

ЕГr"П Зйх|·‰Й § aкв#Яјg.иqћ ПУV
§°Э~bh vёѕY№ІуMЖ¤іCjo
т¶ЅqbТJ ‹ FЯOk>? дв^
ї"ґ4„ €vЫsПn_Цы;ъZ‘бЌНРчфтлд:нI=Ћ“щ©k
жЩх=GМцљ—
“ЈЅЦ'‹ЛђC ЭIi4 cLЂHЦС|PЛ Й$К* 9;Уб„$a Д8
Џ
№ ;Д2ЌrЭT7ЎД:эL¤8Ґй48Јю—
Ђ‰Я>y*]}#jъXOеїњ|хз_<щЖыYТјЭе /щsQ№
Уm<їqю m$ m›Ує’Ъ{ЅE®‹МТV9Eї "µ c"8<C№<_мrJЋ\„*\fё

20.

NµП=7ХьыcеЭ WЦu_'[ЫЗs.љ– —
W°zБ`ъэе¬NцС<sHІ:Ћ,ЎK1*1u3# ¦

21.

«® ‚g_Е O Ы™FQ›°D°‰ `J»Б‘€Ќф2б>@QґЈKьЖ‹NьїьµХ®“VуЗ
<
н¦Ш~‡ІІґґµФu[‰,…Ьі4

22.

sќ·оХ¤~S€Ум‡?

23.

c’[©¤Ф#І wU
Лі р+qn8ж@ Vв УЉиWФIб–С й>Wpд Ш’@
™б«=АoЙ PцbЪ‡ьд •-#{» /щ‹]Т<ЅcжkX±µ·[}?IѕiР\\эjжЮNQ gз #Л±вЌFгdaЕ* Q”`%
ь$МDАЋшИLn rб 6Ф«‘вхz•ЉаH
оёќ№о~›{Є°
eVSU`
џc‘"
ЖB@ ИјІЧМЪЕЗз

24.

25.

26.

OГ 9нцтЭћzQ•ѕЧо Є ТлLФ w°№µЅKiдµ№k
wI sВЬe‰К“ЕС… NахДn Џ/ќ}аЏxS±#Ёэ
у q йEюы_ёb®фўяу ћь›д4ґ—
Нz€ТгЅ‚южЩЕДбЈТн$ѕ»$Б ”) Nф;µ(Ў›l„ІF7}#Д Є% _ъiДwпЬ

27.

N8е"СH ћ. Ф•;РЏ Fа †юВAщ Aу /R:ЏТ 0Aч Pi¬
hІk· ZЋd}nТЖJкЙccйЪП$ђЕ#ё^ ›ДбAjћ,@ 8ЗХuТЃч›5жhY®
W ®(Ы/O

28.

ЌЈ/
и$ЌЉHЄлU`hА ЬeЩqЛ М%± ѓп

29.

i¦y¦ы@ О-?F±Љ(%УЈqY9ИЉ
oл2еz`|l‘иc[тс8ЎTO!А%ёЁsЮЙcњѓ† к$ Ьш8r_
“ЗБґ‡ * ЗјЅўщоЛМ^[у4чюqєјФї3ьП¦л:}нЮЎ.
ќ – Ц ИэAЫкй 8нЪ)Кrш‘ OLЄeљj ХѕќhЄ]Лs «nЈэи•Y$‚iП¤Сћ0¬r
3GMэД#/¬bГwЛ„cЂбЏtг+ "}}Aбг†:2япq G@2
@™ypЌмм*Л)љЕ—
kэЮM»Й„Ђ o№Ъ†зЈЙхн ПZ+yЫЛ \Фьй>Џ/
<
‰6•¬=жЎ•x±^кqЗ®›{Ыѓ3€–
щКЉ}(Ѓo… У,А шDц .AЭыї 2€'к#Д”Ђ‘<W°—
E2°r №рAїјвЙИ}"T!й*їKkюpуЋЈ§щїNхu8?Дю

30.

31.

ѓQЦu™Ї<·ЁO©y®ыGёУ§ТlвyeЅ’yґу:К’Є›‡хФЄ„
ШGЊ —
Г € иG IJ& хб”MГ{в2ЯЌs 5>!Ь +•€Ф„Ђй`Р—
¦ёx „&_–
ZЗ™o5^O3к ЕНџдћџsе]UвъНУлz’2П%ыЫ[
к_ЁЕlи 3ъ“КЉ9Њ
ЛЕЊзђЈ’… ґL
L@їLІЬcЦ1ЕО¤Q,u”`‰Ъ'ЉЙю яБПђЌЙ€
бовЋ(G™ 7Д

32.

_]Y°cРl$*•ьА№ЧSП OФmмьЯ¬\}GI тцДщЄВЖ
Ъv№fљв]oH JќХZ’Г~J‘ шСd<ЖQ2Ё› YЫ~" т>Ќ—Лѕ_џPэ>…§НЄz°OъIнbkЏVЩ$Ћ хJте Н"ЎT3 цЋV rп'г
"OјД ћшЂ96ќщч р € p—ЁwK~i¤С,сK
—T™ ЈvЌАaCЕР«)р ‚;de
AлрыFга
Л„‚щ_т»ИZN‡Ёюcщ:y?0tЏ0jWю`ъћ«
qЁщЄгMэ ЁOОЮоЦювytгwВE<ДџY
¶ьЋB sТ DрИ
°Шш“11
® ҐgЏs&Rђ†§Њ‹ЌАЋ·Xа$%юp”}
\ЁpнАДuO6yгVьіьГу–ЎлZ

33.

34.

Ќ Э%о–
Uu"?ЮceхЯТ?kбх §Ґ_чgSЋњшяpЛкбєЪшЈЕ зБ
ъїЈрг® uwЕ §ЉЇz©T‡MьЦТµFыBТ<їjeСТщµяЮcьБТоo5п!j~V ^к–
ск“Й¦µњїRФgґXQmu+ЙДЁ±Ѓ!hЦ2Бё1^5
В„Й
ЬВ чсДH‘э о*• bо«2>$Ј[ H{ёMQю—
єг±Я•ЌтзљхэKFуWќ Уo|У¤Экo ‘јµ¦
(neУнJZ4й-мЦ‘7Ц%YgS$Аz\8ь[4"HЗ E™zЅС–
р ?ѓ†Gњ„з!ИЯ +!а'&AUT@з@Ж2 ‹ЅҐЕf»»™ ”
9<Јз;•-^ibж; 4ZкіШк2µ¬–©6‹:Бylч Ч ДТ
іЈDП ў3¤„

35.

гeъOжЌѕ·ЇK¤iюLу4Ъ}¶±{ Ющ¬[[ :
л ‘]dгtn}61ь2€L`•WujЁ П‰ !°ђ$yр’ тЮ&ёЁ Q
$ђ (рдcМЋ ®њb2э¦.¬ЌЙ "ШоЃщ‘ukeщХжO4EЫЩ~_^Iq/•ЇlфДє°ґ¶Тпљ i¬/ncє + UҐ‘ фИPёЖ@`„еЦD_Qк¤ ь
UО'†@ n u±Т жћ1ї
щW9o
/‘ q>Є мJ• ±зя€еЖbxHЅиJ‰±ЛЎ(И5 ;щ3Кp^щ¦
ЭьчЁ[jwТk·ZJЁё‡J’жвKY ґЋ ѕ°цр •гAк0
PМа,
ЬqЊaЗ·ў"RйЖ"8Ґ_Н2вЬ};z@і Ћ 9O‡¬Џ
Ј{

36.

б
YЮ@ ЛoW”
БЯХ@щXЄ№
.–b E>mу тЙу ь«ќjТоЪа
Я+]ЬiН© AORвШXЭЮЫКА ¬FefЎ k€aђ€ IШу«
&<ъVэ біВvвђбa„њЂчн\Ђ—
.Ѕ:Ч z†ь1<BIеп1hѕkСмuяWb®Е]Љ» v*‡№ы0
МUЇьџLU’bЇ O°џкЊД—
2Ш dRмUеъ§еN“ЄлZ–Ёъцµi¦лє…–
«ж *ЫЙmъ>ъчO €&•¤¶{¤ [D aќ ё JjХ–
9pW^ e ю MШя Су-ч™?MjІэzВ
Р \тУ!фdwхб·грМьш»rЬ Ы# Hђзdu
ЎЬ 2;С/Q‰о {мЭћт9 %} ю9 уПюN.OФѓЙк

37.

УК#UЏ,Џ ‰ЌЧ. ИКєљ r?Оу#dЧтзтХј·¦й—
ћdЧu•4yЏь?kўЛ&®Ц4±µ Ќ5ќєiЦЦ±q2(дм ЫЉ
ЦF
3cаЛ,± З!6zИ . е[N\„~ЈеZэ eЋ ‰ЪPЋГ¤Iбв®dэ1
жOУп№7‘|•ю ТSA·у>±ЇицQAkЎXjВДЌ:ЦЭ=8н
а’ТТЪGPґ §iaсu¬g–SЮ{КмЛ©ѕъЁщм
3еV€ “Г°й ѓrvлЧ©; ]lЗН~_єу6”t»_3j^Vх$

38.

39.

40.

41.

#q ) l НV_™¶^Y¶Р-uO5iюUУ|нЩЮл ПМzюъ%TЙ¦ m#Q±Ц§ѓФbѕґW Ы
~QтКЎ)OГ3ЫС’ц#Ч ј8мFЂј ›ђб–
Т>©FLИ 9 ?ќЋ· IД Jв»эйе % АЪ&)wћвьЗ“К•—
ъ ЋЇжЭ^с4RтУП¶z7њ¬оnЇэd[=:лKУх}>kg Iхiќ>
µYЬ™je1)К Ґ p®GЋTxҐЛГ‰
р xшD}$йёxb%јe3wc‚
м?Х$ B@T8‰Ю2AюjCз•5y+^У<УЎщыUХхo
Л-=ь›Јщr=VЪТmr{;“«.Ё4ж‚ "?ҐX/[‹/Б
o#2Щ€GY. бФFї
0‰@‚/Тwс/њА ;

42.

Ъы:sрр ›^1ЕТ^)» л \4vЌ™сќ…z WТuыЏМ= уЙ
–—ZеҐЅЇшыМwЉГIѕУG> "ШРЬЭ R’ЖSР
г‘Фэ^J1н’gш,ШюtЁTЈЭC„J|¤* 31јTА ЛгЏс€Љ?Н
D»Б7Pж

43.

W}r/еoё•\UЯ\‹щ[о Ч wЧ"юVы‡хЕ]хИї•ѕбэqW}
r/еoё•\UЯ\‹щ[о Ч wЧ"юVы‡хЕ]хИї•ѕбэqW}r/е
oё•\UЯ\‹щ[о Ч wЧ"юVы‡хЕ]хИї•ѕбэqW}r/еoё
•\UЯ\‹щ[о Ч wЧ"юVы‡хЕ]хИї•ѕбэqW}r/еoё•\
UЯ\‹щ[о Ч wЧ"юVы‡хЕ]хИї•ѕбэqW}r/еoё•\UЯ
\‹щ[о Ч wЧ"юVы‡хЕ]хИї•ѕбэqW}r/еoё•\UЯ\‹
щ[о Ч wЧ"юVы‡хЕ]хИї•ѕбэqW}r/еoё•\UЯ\‹щ[
о Ч wЧ"юVы‡хЕ]хИї•ѕбэqW}r/еoё•\UЯ\‹щ[о Ч
wЧ"юVы‡хЕ]хИї•ѕбэqW}r/еoё•\UЯ\‹щ[о Ч w
Ч"юVы‡хЕ]хИї•ѕбэqW}r/еoё•\UЯ\‹щ[о Ч wЧ"
юVы‡хЕ]хИї•ѕбэqT эКI

44.

45.

±Wb®Е]Љ» v*мUШ«±Wb®Е]Љ» v*мUШ«±W
b®Е]Љ» v*мUШ«±Wb®Е]Љ» v*мUШ«±Wb®Е
]Љ» v*мUШ«±Wb®Е]Љ» v*мUШ«±Wb®Е]Љ
» v*мUШ«±Wb®Е]Љ» v*мU sц`яЮЯО© пp$Gw•ЁГщS [лЧ ј †Ј ™u¬яыёcК®·»7/ТtСZ—
u
/УZ®Ґю єЋзк Ч>µµЏ§
ГйYGДzQ· lµ5bO|ЊvЂЏ™7ЧХТы‡рЋ‹еЕд tЪчч›ЬхЩ__яЦЈЈy{МnіG¦YK Ґ¦М®%/§$СJ
°†‘C
иb

46.

єЖ97 bL`/и”e Фp (ЌщЖ&; t

47.

р€€› R$_Ld: c#эi
nEYх U’\яуo
фя вI IкД У 2<‚™,rэмr @Ї«„
C‚«aГ(C!екЖ"#Г#Pњ …8

48.

ОI •ЈЖdf•О„тcЏ=§dШЯµjюPТuнgHХх“>ўљ хґЅ
g Б.ГrKЖЂ( M) 9`џi ·Е‘‡ўFCќPтзuЬd

49.

50.

Шлa j2B йЛбЃЧФ@ЗМэ2$Д yВ}Цuъ Л&
R™ъ±с™tф‹ЙuьРDЌ R6l Ћ§з
t

51.

лџ—
Ѕ фХн{ ?r 9yBгМ щNЯНz<юjµ ®|µ х»j ЂЎкцЎ
МЄ8°mЧЎ®1 `К;ЃМьkпЫЮІ<$ ±?ЫчnЙ0%'Чя
сэLO'Іщr8П—
ґ"cRNќkSAюъ\К`ќzQ•ѕЧо « џОЮP·ѕџN—
QQwo¬ЫyzhЕјМ«©Ю[Ф6ЬЦ2µ1:±5вµ €;`‰вбЇв2 ПЂ JјЂЊ·еq1ЎK?
@$ф 'ИNB щИЌ№С >’
#јєУ4ив—P№µ±Љyв¶†[‡H•зќДpДҐИ дv
Є7$Ђ7В7
u? ~@ о ©Ш y мыС~”_пµы†*Дu•9щgBу —

52.

53.

sА¬q Я ‹yдЈ2<пъ gдњЂйЉѓyuО
М’о#пK‚+ЬiFWЋCџO ) љ'ЂјcLx
V<§(зёCЮЛ™ч€ЁНUц<ь O J7ъђчТҐ<6`Ул8
Pf жж8e¦ЊШAd†@Є gудxЪЫM€ЕЪЙM{:m4
jО@3 нћЄ»эПЧГfcz ђ в

54.

3Љ:ѕИТ±<єў]Р–Е•g]шьфчKъWb. 8(Н
@ 2QqnляђoS:Ciчv®«сE‡яќjbїЈЖМћО †OгёL
l]pKц ЧHлТ№
й_U[/zОGпl‹ьъН‹QФс°.и Ќ9Р!o¦ЌќЦ—
И!ќІ

55.

џNЭЅЗ‘ w§KQю¬$]1л5ўІ…іY‰/h ћEАpЕб3……
х‹ЫOотJяЁЫ±j§ОФ $ІНї·бхgпi k0оiНxфиНAШк«Ы$[sa ‰њ{.zs4=С ЈЋл
B s ч©ЩэQќ : Zы»±бЬv±О џpWҐK цщ&`xпё
»
#naие]m= ІkЫ•Zм
ъўу‘·С ‡›рFјЪaЩпXkl}Д'ОNН¬Ъ
M•иКqW\ЧM»
ц«ЕNlцЪ§їEЧоЛ1ц\љ? 5Ѓ ЌXvm§uЭ! ¶эўХєuє
цый›‡ёQ3 нќл uОн=z,± + 2—‰:ћпQ
п‹KАpЕ).И G Sq>Ѕв% / И Tњ<dЙ›Ш —
lшЉІВ¤0'!ВН2 @Е)C– # d…Ђб•г¬„