Head First HTMLwith CSS &Ldreamy if there was an HTML book that didn't assume you knew what elements, attributes, validation, selectors, and pseudo-classes were, all page three? It's probaiy just fantasy ...

Elisabeth Freeman Eric Freem.an

O'REILLYBeijing Cambridge / Sebastopol Taipei Tokyo

L,CSS

L

HTML, ,

, ,

. , ...

m :

~nnTEP - --

2012

,

HTML, XHTML

CSS

O'Reilly

. , .

.

. .

. .

32.988.02 004.738.5

, 88 HTML, XHTML O'Reilly).

CSS.- .:

,

2012.-656

.: .- (

ISBN 978-5-459-01060-2

HTML,

." ?

. L ,

, ? , , ? L-

, ? . , -. , .

, , . , , .1 ,

HTML, CSS

L.

-, . n

no

O'Reilly.

n . n n n. , , n ,

. , , n n , n .

ISBN 978-0-59-610197-8 ISBN 978-5-459-01060-2

2006 O'Reilly Media, lnc. All

ighls eserved .

000

2012 2012

,

000

>>,

000

r>>,

198206, -,

,

" :: 95 3005- . 16.12.11. 84108116. . . . 68,880. . . 2-:.: CtP . . 19711 , -, . i 5

-

73, . 005-93.

29

""~ ..L?$) "1" 0\~(

~0\..:'I-. Lf-v,_.y;;.OI.A_y;;.L

i-

" v;;....g 1...1\.0\.gL .

(W3C)

(HTML)

(CSS) ... CSS L

HTML,

, .

- n n. . -

- n, r . , n

The Ada Project

(),

, n n

n ( ) . , Walt Disney n,

Disney. n n

aJava . n 199- ,

Motion , n

,

Disney, ESPN Movies.com.

(David Gelemter) ( nop

: ?"). n

. n

. n, ,

1997 . Miror

Worlds Technologies,

RSS ( n

, Lifesteams.

), - . rn r , n,

nw n n.

n nr. oyroyJto , n

, ajavaSpaces

Principles Pattern.~ and Practice.

n ~ n

Java ,

,

1 -5 n ..j"-~ "- \~~J

[g ~\\Jl

~t...~'\.I(."\.\. "\.\. >,;;;;t.~J~i~btU1tt...I>~.;;:;t_."\.\, N..Ot(J,;;;; f'OI~OV:.OI,;;;;b j01 V:."\-\.."\-\.!(.....\..."\1\..

html

m geaerri 66-- , . ? -, , , ,

. - , .

...'\11.. t.,t-'\11..

~

c...t..r.gl.f' .~ O"'fljt....~b

_..

-

~....~ ft..t-;)l"c...01r 0 "- 0 ""-

"'f'".gN\t... .t-1..0 'SI"t>.~;J

m geaem 63 , : , . , n L- -, .

~ve.flotJf"'~:'VV'JQ\.""....,....

&~V

~

O~r:(~

~ '~ ~~ ~-= 1-

~;;;.t~~

W CJ"VIffIAJ?I.fJ

'foGDfiAWi dftJCfiJ.. WfO .?W/0 JOki~IAe. 1

u

j1DJ~r1~ J.

d.vi",/~'"'--

War

(6n)

2

.

\

Explorer ()

. ,

html

n

Irul e. Irule

. html.

, , n , .

-

-

..

,

Explorer (

folder OtJ\n

) Tools ()

folderOptions ( ) . View ( )

Advanced settings (J ) ,

Hide extensions for known---~-~u

file types

(

).

.

Hicle .,......",. 101 known typos Hicle P loldo< ..mow. n ...,.,ote proce.. 0 Remof!'et oochlolclet"sVIOw ~ 0 Redoolpr...O.U./olclet..mow.otlogon

0

. n , , .

0

St-ConlroiPnnMy~er

Explorer

0 S t - - descljon /01 lolclet ond de>k> items 0 Uce....,..liewmg(Recommended)

St- enaypled 01 COfi'C>fened NTFS liet n co10t

()

- - - -v/ Aest01e0ef....

1

01(

11

C.....t

htmf

jaafiaeMte

aCIIlo

fioJJfoCt

D: 0: : , ? Dreamweaver, FrotPage -?

. ,

Golive

HTML ).

CSS (

, ,

n , ? n,

0: n, n , .

: ,

-. , - , . , .

.

HTML

CSS,

-

, . , ,,

HTML CSS

, . .

. , ,

,

Firefox.

Mozilla HTML CSS.

HTML CSS,

. ,, ,

D: . ?

. ,

HTML CSS ,

0: .

HTML

,

n .

, . ,

D: , , Explorer, Firefox, Opera, Safari. ?

.

. : ltemet

50

'!i38.....@ n starbuzz, index.html File name ( q) n Save (). htmlOmkpmue 66-muOpen Open(), () .8 3 -? F () Open File ( ) ( ile Windows Internet Explorer) index. html. \PtcturtsPla~n Ttxl E.ncodlng -.;;. ut"-'om..;.;; ~c'-------~ A;;;.; co. :)91Qnort rich lt>~.01. >jj0\1..0O..g()l(., ~ ,...t\..~. . -n :. ~'i)0\1..0A.,..g01~ '\.< /~ol> '\. ~vt.:tc1 .;;;; I'\J)\)(OJI...;;;c-.s~..t..j(} t\ii...."I.,Starbuzz , $1,49 n , .~~!'-. DI. , ,$2 , 35,..;;;;/"01~111. >.~ 1-j~n ~ n. .;;;;uo~ 11\. '\. ~CA.;U>I .;;;; ~j~v.sl..Uj(} +-\-'11\...-"'..n ,$1 , 89 n .,$1,85 , , . ~~-~/"0\+\-~111r \."'.{ I),;;;;0/"111L ~111. 'J~ ~ ~1"0\j)''-~V ~J"ill~111.. '\. c"/"~j/"jOL+\.0~~ \v.;;;; ~'" , -- ( ) - . Starbuzz , ...Kae Starbuzz 2;,...;:; o,;;:.!Lf"~O\~1..1- w..t-1- mcm!J!lofi: Ilo20 %om muru mrupadding:i lOpx lOpx lOpx lOpx; 'f.-.,//1ff ,"\m m-ruu. nem 'fcmraul,font-family: sans-serif;\. o\Jaem no!f fioKf!J mecma ~~raune.J~mBonroc1]j: CSS HTML . ? , , ? , . ,]j: body n CSS? ? , n .0: 0: n , HTML]j: , #d24 n . ?CSS - , body CSS { } L- . , sans-serif, ,, , . , n -. 0: n , CSS. n , CSS,n CSS , n #d248. - . n . , n, , , .HTML , . , . , , n , .#d2b48c 66 1 html Starbuzz index. html, mission. html.n L- SS-. mission. html, mission. html, . mission. html . , , - , (. ).~mission.html 67 @HTML, . : L CSS - n.cssCSS! , , - ? ? , , . ! cmpymYfrY, ., , , !, , . , HTML CSS . - - , ? , L- . , ., . , . ; . ! - . , , . ., ! eQJI'o . , .68. ' 177.J8 ii 1 htmlHTMLcss ? . , , r. , , , . , ., , CSS. r . HTML ! , ! - . . CSS: , . , , - ? , , , !., ! ... ? ...69 htmlcss , -, nnpo . ! n . , n , . ,HTML CSS- , -., . n:type align.,- - , , /.HTML CSS. , HTMLCSS., .,HTML- HyperText Markup Language ( ). n -. , - .CSS - Cascading Style Sheets. ,, , .HTML. HTML, n , ( , , n) , n , ,, n . . L- ., L- - SS , n CSS . ., : , . , anpep. n . n CSS n HTML.70 1 html~PBePro/~ ;), ' ~~ ~ ' (:~~~~~~~;;~;:w~~~~====~----------------n. W8U83.-:..u.. ~~'j_~ ~D\..- f.;o.rD\~111..Qr'11~ ~ 1)"""~ ~.-1 $11/f9 fl'\sl'.O'J'1 ~ ~.- r"'Y'""'"""' ""r""~\(.()4>L '\.j ~IJC 15'\.~'1.'\. '\. \"t01~11L.171. qiMamum mu: peweue - Starbuzz. , , , , , , . , . ,$1,49 .____ _, ~~~=~~=~~: :z . ~ , $1 , 89 ~~ - ==~~=~~ .~::.-:-::.::::;~. :.~:~. :;.;; , . ~72.1 htmlmtssion.htmln Starbu~z Starbuzz Ocot at ~~"~",....'Star\ouz:z . . J! Starbuzz f.fef1/chapterl/starbuzZjml5sion.htm1 n .Starbuzzlt !Ij:>oco n .73 jleetten1@mission. htn'\1G. ~~ .Of>l- Sfa.vhvu-borf~t lb:l I!DUCA. Sfa.vhtn'l-fft! V>PfffXIU~ ;;..._--,...,--.....,-~"'1 -(}dJUWtP8gi)C. j.(_?11/f'1 .Ott.cwtOf"' .OftHa.;~wp.y>1f0CII10, --"r1"\gl>ff4/).w;!- m-"""'"""""-~..-. Jt..U'~-1 "~run:.....l!f\'!! t.~t.k'-WI/ w.o/"111L ~?.+'\.111.~,. 1-\.D:go"\.. '\-:JC..O:.gLf~....g~..gp,t\,A'\J)"\.'!.~..g"\..lightiue.jpgred.jpgHead First . , ? ?782 - Pegkmupo88MU8 m8U lounge.html lounge. html . L-, . , , . Hea d HeadFirst 3ju- .t.jO~DI.g'\1\... IMLr!J ~r~ ~oj~jtVU\..W... t./i'!(i(.l;-..t.... /...anJC\ ...'\!\, .~,.~>ovt"k..A - 3+\.D\U\..'11\.t.. """"'r~:J""'"'1(.01-11t!(.'\...t\.t.,-J. -J;go"1A.N1tt..83 :1/!fJf.: : .t:r:.aCJiloBo:IJfoc]j:Mory n n L? .0: , , , . , n , . , ~ .]j: , n, ?0: , href HTML. , , , HTML , .]j: , n? ?0: . , , . , . , n n, HTML & XHTML: The Definitive Guide (O'Reilly). - R.~dQ'i?'', n. hrefHead First: Href: ,Href. , .. , ; . , , , , - ? .Head First:? , . , ? Href:. , . , . , oi. "-".vV... .-;.o..~t"-".v,U)\Io'\1\.'-.J""'\aboutbeveragesue.jpg\ jD\-f,Dii,.-:.t1red.jpg lightue.jpg._.o~"\11.--ic..t.."'""'~~-r-w--~1'\.il-v...-t Oj"-(1"lj: n , n r , . . , .html L-?]j: , n r nn, 0: . , . , , , ]j: ? aout everages?0: . 0: , n, , . . . , - .8911 u , n . , . lounge- about, beveragesimages. beverages.8 directions . html about. elixir. html n8 images. , lounqe. html . . exueckue mpygocmu, nn - nn r nocne n n nano Bead First~- n.n . -n. sIWIIL -n, . , c~am -. n'f (- cooii coii )/'~). ii ' WebviJ!e. }'* J>, '1;.r~;t.. ~1-~.::~,.:;.~ ~-...,'~-~~>:.. ....~'~-......r~902 - .s:l , n , n, q n n, lounge.html. n , q n.n. n .. :s nn. href, ~rmo nan?Ce. , nanO?C. . , , omJcu~?t , href. 91 L: ,, m/1.111uu nymeu , i r ? - {:---" d-./~~ > 01~0 w, 01~t00 ( f J '1 : , , , .;:~ . ~ 1")(0 ~1~~jt..~wt..~W~ u-o ~-fW.Oi..'I..VJ-.,c;Uh v ~..'\..., ~ . , , . ( ). - ~ , , \cJ~~j~ ~0\IC..t..., l.JU ._.g"-Z]~Li\.. I j------------~-----------">ykaa'.l'en942 - r r: n n{!) q: directions.html q: lounge.html . directions . html:.t.:~..~l..;;::. ~/"~~ ~ ~~uo~~oiA..t~~ 1jL tU'I)j'\.> ~+U> ~0\1(. ?r~jj 1-'-'\...-'\1\-.1>....:~.j~"'-"'~iw.Oijt..J.11\...~fOj~U1.bVIW1i\,\t1images;J...~ t\.11\...'!.Pot~4 . 1.-~.J1/red. jpg 99 omocumk no3aomumc m, m 3 un38u pe>ku mu coBecmuocmu g awux mu! , : L-. . HTML 4.01 , ! , , ( ., ) , ., ? , L-. :, , , , , , . onpee.rnil.At 11.., 11... - L-. n , , . , , . L- .~1>~;~. ..~t.. W'."'-'-., W. ~c-t.. 9,;;::,0 ~ Oj~""'01 ,1> .;;;.1.. ..w\.~/"~.;;;. "f'ov.;;;.o OjW'.I.t~)(.~-, 1""() 11\.'\1\./ U... .... L .._.,UI.~1.\'0"0f ~ -:JJt.J.)O.J '- ~ 'f'~~)'~~ "'{''"!J._.,..y.'V' ~-v{J...., ...... ~~;v~., \L-~./1Lrr"(V)I-9./ .;;;. t. w.---.~W\ ~w.:SJjOI/",;;;.~'f'~~~ ~0\~,. vw.".D\-'~--,\(V){._ ~ .0/1 J.o .... ::.,9. 0t)I.t.Ao-~;71~ 0\W.'\1\..t-~~~- 9.;;;. ~ 1. w-f>or"\1\..t ~DI-r.;;;. ...;;;. ~._\__fi:;:-~Jv,;;;.J~u ..J1. "1 1 1 l...rfO\j~IU'I ~- f V biLD !I""- ,;;;./ W. ""'\.1\.VD\~ ~ D\+.t... ...~ ....t... t\.\ --~01 ~~'\1\.V:" .... .gl1t. ..~t..\f-.0""'--\""'0\""' I~Oijru-~U)ol~~ lfO'tfOI~ c-0\..DI 1.-En:r fle URL of lhe page you want ID chedc. Advanced options ereaWJiable from the~"'OI""'b ILA-\.0~~ \.J. 1, -:j~ ~01~ ll.Oj 1, ~fO~Lf'~ UO.(2.) 1>111. ..~ 1-\.I..-. ~~ CIN>Jt-fi/t.. (11ut1. 1>fOW.st.r t..-'\1\. ~~ \,Ji....o/ow.s) '\1\. .g~r01..-c. ~1.1-\. t...U..~~-Se!ec:t \he fiJe you w8t\IID upload and chedc. Advanc:ed options ere aYa~laie from lheE.c1end.ld 1'Uptoed lnt8r:e.Note flle uploed mey no1 w with lnlemet Explorer on some ver&. tU.. ."\(. j u,;;;.l""~- ~t..-.s~1 ~ \Ml... .0/1 .t.j t\Jit ~.ll.b;)O~G\.b ./"~j. "ft~ ~.t... .258 UcnpaBAeue mou owu6ku, . al t HTML 4.01. , ! lounge. html, , , n . r H ead First Head First~ 1>11t~~.)MI(.O.t .. """"-1"1. v , n'5.. 01/t. Do'5DI-""-t- LWa, , ,~~(i""'j>. - . ( ). Webville. , , !yaae. , HTML4.01 alt? ~259 JJtml .., . .:~, tentatively valid HTML 4.01 Transonal, . Reeult: -.. ~ !;sed val1dation File: lounge.html Encodlng: utf-8 Doctype: L 4.01 Transitional1> ~-c..;;;;rO\+\..VI..'Y'wc..;;;;...:~o1.. .-'~-"\+\.0 .U... \U)\\(..'\1\.t..--"\ >1was not to extract character enooding laeling fom any of lhe valid sources for such infonnation. Wilhout enooding informabon it is impossie to reliay validate lhe document rm falling k to lhe "UF-8" encoding and will attempt to perform lhe validation, but lhis is likely to fail for all nonmvial documents.Read lhe FAQ enlly on character enooding for more de1ails and pointers on how to fix lhis proem wilh your document-"\Oji-\.DI~~11\.fo~.A.t...L1!r N> -"\ -_.)(.t.. 1-\.D\ -"\ -"\11t..L. lounge html:.g'YJ...:./" ~DI. "-'-f'j ~~""'r'"" L~01. ..:J c.w.ro~ "'' -. n n n( ) .Webville . , n , !yaae ? ? , lounge . html, . , : . n . m~Jameta2 6um mpouy? , W3C 1 ounge . h tml - http : 1 /validator . w .org. . L- , URL-apec: . , Check.Result for !ounge html- W Marup Ya~datorbt'~A"'jt'I~W\ "'f"O~t'l j~, .gl:!t n..O~t.. j1.Il1.!Result: File: Encodlng: Doctype::1tounge.html windows-1251 L 4.01 Transitional\ n n , , ~,a , -.n n ~( ). Webville . , n, lyaae. . , .DOC1YPE , , ,-. .HTML 4.01 . , , , g Baugauu npowa ycnewo?~ Markup Valldation Serviceva.1Reault: File: Encodfng: Doctype :"' uploedJIForm Sumtsslon'\.-'\.-'I.1 t-tU){,I>. "f""'~'I.~"1:) .........J)~,-tl) 'r'IJ) ;:.{t).;;;.- W.o ~ ml>."-ull-8L 4.01Stna~.gM"IIIjt'\. ~ """I"O'UI\..~.......1 ~j~~"'f'"'.g'\1\.~>...l 1'\D ~t....:/Line 10 cc/umn 41 document type does not aUow element " IMG" here; mlaslngone of "P", " 1", "2", " ", " 4", 5", "6", "DIV", DDRESS" at8rN8g.D-.'I.~ ~....;;;.r1... INt """'""' yt>lve ~~ t h e ,.,.... _ _tnll>eody..-INII118ocl>-111elll>d""'-tht-':::":."':":~~ lh8l you noed"*"--'- ""'-10-.,>O~~"\IU.. ~ o~~ld..." \:\ac:ar(""""''-.-, a , , , -. n ( n n ) ?,_ -.t\t\U... c-.rot\tt.. t..~117 W.t\"-1.t.. l. 4-V'.'i/)\1"""~>< tf /1 1 I!j/J\ ~ 1..1\.l>...gt.. 3 CA>~I>.~M'I.j.IL \ot\.,'11\,. ~. ? ..:.t...W.. ~11l.0Vt\1)\t>..t>. n..O~~b Webvill e. , . , . ,..g ~. , , , , . , . . .J11 - . , . - , -- . : . , .BoJfOCI]j: n. , nR n. r n n, n HTML4.01, n n?]j: n r n n ? n , . R, .0: n nr, , HTML, , . , n n . , n n , 0: !. n . n , n , . ? n ,, r, . , , . n . , n nno HTML n n n ( n!), - . r , , .]j: - n ? . n? , , , n, n, r .0: . , ? , n ? , , , HTML . n ? , , n, . ]j: , alt . . ? , . - ? HTML, n . n HTML, n n XHTML. nn , n XHTML ., alt , n, n, ero n n , , ero. 0: , . ,]j: n, , n , n n, . r n ? ? s , 0: , , - n r . , ~ n L 3.2, r L 4.01 . ? , , n CSS (n - ). - . n, n (n, ) , , . ? ?, -, , , ---tDDI'\IIjDI.,;;;;Of277 ~?i! blml @? , .\t r: Crpont rraiOfCAm .rr, , . , , , - ? , , , - D. . ?. . , , . , . .? , . , , ., . . : , HTML, . , - , . , . - - , ?, , . , , HTML.278 1.'" '' f'i ' -, HTML? ? , ( \l..OI"t>l:11.4t.J(.a n LouDier, 50. b111t'OI.gt-..1..g011-\.t.. "'-"> hfOI-&'\. v.orotU- "'~J0\~0\ '\. ~f'1. ro.go....t.. O~t.AbtWLO o.f'l1tf5\l..OI.~OI.~~ .g111t'OI~t-..1..g01t-..V\..SI .~I.t\.0-g.J\..t..,I'...~O~~f..L. k.f"I-.g':jt...tj.g01 ""-'VO- .g 0\Wt,.,~~.t.. .Si~'-J-OIJ..t.r' ~~r''"-.OI ~v."'+'"'-+>. 281 mlu nru IL-fau.. Dama-"IlfeODwn,'Jmo~u.mfuail:rpu u~u,J}111u , :Ilo , :Webvi lle n ,n n n Webville . head() n n body()nhtm1. n .Ka , n.He n - CSS . - n? n ?. n aopaop,Head First.n :Webville , n - n . . .282G ! n! . n XHTML. L. ! ,:~, ?HTML 4.01- HTML, n nDOCTYPE, n .HTML , n (W)n, . n -HTML. n -,n n . HTML: HTML HTML 4.01. , , n . WHTML n-- n -, n , n . n n , n - . , , (DOCTYPE) n, , HTML n -.HTML n , . n , n . .DOCTYPE n, n HTML 4.01, n -283ora~omauumrnu !fU JLfaU. ]}aiila a.ua:rnor,-11feAcmaum, m u aiimu u:u. Dom remeue . XML . :{ O~f"""~ .g~~ ,;;;..g .U.:.U.. 1'\..t...QAbi) j0h.OAI-'..~t..b~W1>( 01,;;;.rWI:J,;;;.0.g/ 1>,;;;.Oftt-.gl1t ...._~" t\.L .g""Jt..1-.g ~t.. .g 1-f!ML.,;;;. I)r~1-~. ..... ~~"~., 1-\L 1 " 1A-A1A-V ~ Head First~3j.t...c." .g_ .gl:11:tJLj~ "f111...giil.Lf1 ~...t... .1 . .g "'-j.",. ~t\P.I.(.O~.t...111..~Abj_jiO.c.". c."1A.-.goiil. >. \~alt="HUJ'l':a:" /> ~ Head First,;. .~, . L - & , . . "&u , , . . n LHTML 4.01,1.0 . n , . , , .J-J HTML, n XHTML, n . , . n.292. '"''; xhtml HTML,XO'f'( XHTML, ? \f'(fb ,. n ..l nnpenonarae, nopn rHTML.HTML 4.01 L 1.0 L L . , L4.01 . HTML . , . : , , L-. L 1.0, , . , HTML 4.01. , . , , L1.0 DOC1YPE D. html xhtmlg om cmpo2o2oHTML kXHTML 1.0 3 mpu wa2aStrict. XH TML 1.0, D. JJ._....w3i>-31..,"_, Aoototnnpooce;Nott, Th8V~idQ:)-XL.~hN8)r1118~:I}f1]j: , n : The IJpfoeded doctmei""~ Su!risa!on W8:8 chec:keda,.'ldfound 11:>8 valid)(1'l 1 .GSct. thla:mee1hlrtlt!el8801VC8inque:l!fon~lled l!ed asn..1.0 S1f.d 8J'Id N1 we8UDC8fii8UiyPEt"'me4 Jom'\81 ~\I:UIQ en-SGNI.OtX!'t Parr~00HTML XHTML? , , n HTML.tmA. )IOUOCJUid \1$1-10 8dd fQ-.con 11:) )CUWttl P*Qt;~~~re:~~':n~=~::..n:.:=. .__1.80d).0: ,: . , 1 you tike. yoU can :townioed 1' im8glt pn PNG ot GF :0 10 "'"" 111 r: 11 W!'III'J~,811Cf~:hlt na.~~ tr)~,.,."::.J~'"' . .118Rf'leotl8on'-_....lyou use CSS "'Y'W docu!ntnl.. ;ou 8t'CUh:l atto~ i.'l tor Y811idi~ '*' N W'JC cssVS!~~~.XHTML. V\5:~~ Ylle > n>> n, n, n L, n HTML. HTML 4.01 , n XHTML . 299html t.-! : L L .@L,L HTML 4.01, , . , .HTML,, - ., , . . , . , XHTML. , 4.01XHTML 1.0. , ?-HTML, - XML. , . , . , XHTML, . , , L. - : , ?iJ'/ , XHTML, . . ? . HTML4.01, L ., ,- D ., ? , ?300;;J/ iiO Ha CA ~Ht..JP.~,)j.-:..t.,.-:.o-e.. ....J'-""t11L~t>t.jo~. JIIII. , , - . , , L-?w r, r CSS. XHTML, -. , , . , , . CSS, L-. ?, n ; , Webville - . n , CSS, , .110~'\.W.t... ~O~t\.'\II.I. '\.J~~....~c...r:.roo.I'\t. 3 ~ ~ w.'\.. ....r:.'l. "'*'-'\.'U. ~, -~.utt... c...r:.01~ w 6 3 nt n , , , , , n ':., -. n, , :';..;... ;~:-:... .. . . .-.~t:-.... :- :,........ .:-~~4~'-;- ~._. :-. - L, n. n, L- ( n)CSS, . , . n , , n ? , , nn ? , css. ...~~~-'-;___~--304........... ...,.,................. ................ .,... ... ......-..~ ~ --~-,...:-- "_... ,.............-,_" .. ~..-. ,,..,....__... tt r OCffiWVIO ~.. .,~.t.-,;;. "j~~~IW jDjDI~D\,;;.b ( >:gO"f~ "\1\...t.A"'v'I.. ~tf.A.....O:./""'...ji"Jl.-01..? , Head First. , n L . n, - , n L( ?). , n n .J3ju- :./ :.1\.D\..~-< !DOCTYPE htmlPULIC "-//WC//DD L1.0 Strict//EN"" http ://www . w . org/R/xhtmll/DD/xhtmll-strict . dtd"> n ~ ~ ~~11\. "f'.g11U\. C:.11Ult..i\. CJJ ~'I. , :Dr:p.oi., ~or. .111...11. '"1''1.2.....9.......-j ~~ (> '\-(~>.~hl, h2 { color: gray; , CSS , , . , ,- CSS. , L-, . , , L- , ?, XHTML , .~315 , L- 3? . -, . n L- ( ), , . , N. n r.lh1$Ut[1body.:,)!11!\' ..--1+' J .~....:-a.,..)llll .-:-ez_p_:.-.J,. -\__ _____,JJheadk .k&& '($1em ;_ . MJI! ~; css iC: -'I- t. l 11" Head First hl, h2 { font-family: sans-serif ; gray; color:)("l-,151 wc...t..h1border-bottom:1solidlack;color: maroon; lt=" "Head First , ,a ,, - ( ) ,Webvilleo , Yaae o ! u3,\ npegcmaB,\eue ce,\ekmopoB n n nn, r , IY\t ...t......jO~OI~,/1..5\.,:;:;.b..r:::.'I..'\. v;:;.l(..() j v;:;.t,X~~ v;:;.~n n. n r:h1-----)j-SI.v. ~~.,:;:;.1"'\. bot>l~1~~.,:;:;.1"'\. t.:to.11-\.Dv;:;...~ tU.- ~3~0\t......(\A,u>.t>l> '\. ~- ~l1th1font-faily:s&ns-serif ;3.;;:;.0 .,:;:;. ~/" vood....c..v-..~~~..~ .t,....t..tu~ (> ~ c..r:::.I"Oit\.:\,-rVj7 t\.0 ~ ~- Ot\- v;:;.obl(..() ojW\.. n, rn nh1 , h2:hl , h2 {font-faily :sans -serif;/n w nn n , rn:font- f&mily: sans-aerif;318 css ~ - , :,h2 {font-family: sans-serif;,em {font-family: sans-serif; 31.9 cs ~ CWi . RadWebDesign 4, n RobotsRU. CorrectWebDesign RobotsRU , , . , RadWebDesign :XHTML CSS RobotsRU, , , , . ff:tllUUJr.rlHaH RobotsRU , : CorrectWebDesign RobotsRU : , , !'" , . , CorrectWebDesign , , . !- , , , RadWebDesign n . n , . CorrectWebDesign , ? RadWebDesign , . . . JW.nauu RadWeDesign 110. l v . 'I 'U7? Kmc . Q./ . ' m' -'U'IJ ?320 cssuu mu anumkauu k3mu mu 6u mu 2ocme6ou , lounge . html,elixir. htmldirections. html? , . s t l , ? . , , . , . lounge. html lounge. css.8 tt t lounge _html. elixir . html directions . html.8 .J ~321 ss-Co3gaue aiiAa lounge.css, lounge . css, Head First. lounge. css.dirtlons.htmltJelixir.html lounge . css ( lounge. html) SS-. , l ou nge. html. , n , L.lounge. css SShl , h2 {font-faily :sans- serif ;color : qray ;hlorder-bottom:lpx solidlack;color : maroon ;322 8 cssCoJgaue ku U3lounge.html Bewuii CSS-aii. , . , L- , .L-:" http ://www.w3.orq/R/xhtml1/DD/xhtml1 -s trict . dtd"> v < , ., .. ,.. .g l'\.t..I.-1-U{)IO .I cJA'\/\.. Head Fi r st v~~ vy:J C,W,"\I\,J\.L.1i\.. ~sty lrwt n lt= "n"Head First -.t\.01i\. {V\(_,..Il.Oj oV.W.t~~t..ov..s~ 'St..j '\l\..j~1i\...xrrr(/ '"'-"' - ..::. "'"' .:- ~ v"""''\1\..~-. 1 .\ 323 t.hJ-.SU1. Ot\.-1'\J..~ j~>-VLt.J(. '\. .gt1t'LII.j'I.W'.0nlo.{{/Chapter8{1oungo{loungt.html U\. LW'.IL.O.Head First015jDII~OI)(..gvt.. ~L v..y>'I....t..t\JILW'.v~ ~-wpw. .sft_jc...OII'\.g.'\.~\t..../.1t'\. "'-0,j....01~.jI.~'\. '\.~ot\.. '\...t..1.... 3 W'./"-i)\'\LL 'I.W'.OI 1 LW'.v.51W'.t.rOI.\'\ lt.joOitU.. IL.O..-.IOIO-JtJt lllltti10 '& orpoNRoe JCfem.Q &IIOio& tt lllt"epano npa:&c:R"f ~ .a.u Jop08W1 G.tati)Aapll C9UI8J' 11'.wf ttd. pOWOIUJI k0pt.8 IIIW61J>R n~ c:c&to MUKJ(OS'W COk altMN/iHKoe coprO, qlp)' a1Jiyt.OUX J1tt;pOJHII "-mr6,1w mu. -''- npGXII~Itf'e.l!11wA wi (l Dc-plt'X'N!XItllfo~J.Ia.so-~w ~ ~"'!"O.'>.,....n D'*;.nc ~ChiOXU'I.Wev.stiiiiUC~"IypWl!k......,..~CVO. . U~ ,.,tWit8 ~327 Peweuehl, h2 { font-family: color:sans-serif; qray;hlborder-ottom:lpx solidlack;font-family: color:sans-serif; ma.roon;, ? w ? , , - , n ? sans-serif ? cssuw no2o6opum g6uu , font- f am.i.ly , , . .m, gu 8ympu m3g g z ceeiicm8o wpumo8< > , smHt....gu... ~1.111..t\..0\t-fjJIO.v.S\ \w~.r~ , , oryr . /t\.tff u....t...'1i\_c-.......go~~o.g.t\..0\"1"111..- , . , , , . , , SS- ~ ."~-.gl1t """~- :2) t...t.r .. ,)V ... .. L- , , -.~~ .gf~"\.'iO...,..I-\.:\I\....11\..jJI ~~j~'Y-..gl +\D1-\~~"-01.4)~~ .-J!....S\~~, .....;j ~- 1-\..'\1\.... 1-\..11\..~1-\L "'f11\....t..t\.J~ t-.S\. l>odym ygem, u nepeecmu font , no gepeBy?font-family, , , ? , , .11~~~ .. __..-;,~ '\l\..)o'Srt.k\..1.S1)(0w1 '-/"0\'SO~D\.O~11fO~O "-'>~ --~~ fo--.t+,_..;J~ .g n.r'0\~'\1\.1\Lj.ILSI bool~ . DL '\1\..)..t.-\-~ ~11\.... j.ILSI ~U...'tO "01.'\.~\2 geme? aBaume npomecmupye . l ounge. css font- family , .body font-family: sans-serif;hl , h2 {-Euitt :failJ .oolo"hlgr~y; ~sarrs se i:f'~ uu.>. ::t"'"'-""-".g,w....,-&,fo-;1-laok ;order-ottcm;ll"' solid~ " "f'.&.u.. j"" rJ-f"-i/~ "'-,)"f'">.h.J-JUf.g h.f~.g'\1\.O bool~ '\1\. "-'>..)~'\1\.i. .gc.L.- ..v;:'.~ +-\t... ~~... u.o ~1'\.0\c...ll-tjo~~v;:-..~ 0 cpon , n n,n . n n -n , , . nn n . , qreentea, . ~335 Co3gaue ceekmopa g k , :3 0\.;>:.....- w-..w - < -" 4.;>:.oc>t1t ~\CJ)I~01""'l\"\J)I.\\ .gl1tO"ffjt..JLS\~L t..~0/"1" ""'.-..~t.. .:v....i1"t..' "\1\t..>-{. lHj u.-'\11.. .DI'\1\..t\D.g~"li\. '\1\..1..0j'S. ~fot.W.ojO.gt..r'.u.- 1-\J)\.. '\!\.. j~1..SI.. kAaccau n n qreentea, :p.greentea { color: green; , n :ocltquote. qreent.ea, . gr-nteair.. '~~~0\.gb.t- ~ 1. I(..\ ()\ J -r.u...--..ft_.ot. , , , < h>, greentea? n ? , n n. , n accaqreentea, :.g.reen( color: green; Er.-1..gl1t "-~..1..L t-\A,j.g011-\..1.L.gt.V(\338:~II3A 8.g_.._ .ll.t.-I"\A... I(..\ ()\.~o-(j0~0\~t, .I(.~ (.) 1. "/"~.JOI I-\J...1i\. - t\..OI,j.g011-\..1.L I(..O\(NOI( . kf'~~11Ut0 ~Jjt... kf'~ 1 css! . n ... : n - ltk2c8oucm8a? o2gaucno3yume mno u , , . , , .3 kk cekmopoB coomBemcmBym g m?, , , : , , color. >>. ? , . ? ' , , , - :{ color:lack;}k::~- w. '"fc-.~11\...11.0 j.II. ~w~\. 1. greentea { color: green;}~ 0+'\..0 ~0.1\..U... '"f1A0/"1.W..t..+\..O.}w. ":t'C\~11\...11.0 j.II. JW JU...t\P. L(.JlC\vvC\jfU....V/JLV\ ...-:.ort.1. "f'1..)"-DD"'-~M"'j~ ~\(.. ~"'j~ ..-:. ~.~ ILOj- ..-:. ,J"-DD~, ..-:.~01~ CJJ ~~ "fo~ "fo~~}{ fonHemlly : sans-serlf; h1, h2 { } cotor : gray; hl {}r~~M"'j.~'\.'I... order.Oitom ' 1 sotd blaclc; {)oolor : maroon;j1~ano p.greente" { cotor : green }.Bo:IJfoc]j: n ? ?(}.u. n, G r r, , ~. , . 347mUu 9 cBoucm.topJbackground-c olorQ_ "'- CjUUI~~tlt1i\."j~~I>..\..-..~"'-t.."'-0 n . . , n , n L- . n . , . . , n n , : n. n , n . n .class. n , , ., . , . , n. kJiacca. , n . n . .class n n HTML- . L- . SS , n W, http : 1 /jigsaw. w. org/css-validator.. .;'of,.(!f.J >349, XHTML 3? . :350 8 css ~ Peweue :,h2 { font - family: sans- serif;,em { font - family: sans- serif; t351~ I...;::.l1t01'\..11\.., Q~c.-t..IU>..I... ~ IOjt..V...~C,C,O~I..'I.fjiO...;::.c,.s~ ,~!-\..\.. ~, ""Geneva3~f>OY ornpasnc 9 nt1' Q.. co6srpanC11 .r, - r ~~~r~-' iPod sr w:.w . - n .-.. 't:~ nr. NJtJ11o 'J":R : ~364~I.v>'. ~~tv\f O"'f~t..lt.S\t..J\.1..11/jV S" U: ~"'-"jO~~;\OJtb~~nO..t'v'\,.;>',tr~~'I.~..gLn ~~jOc....j~~ ..g....j"'-".... ..gjL'\.c....::g'I.L E.c. .Jt'\, ~'I.LU> ...CjO~ftu...'I,V...cJtb~'\. ... j.OJt~~WO1_/ ,...-.IOv>'.l.f>O..g (\~ ....Afi~/~~ ..L1.-.......g~ .s~~-Juf.-'1. 1-\J)\ ""'-','\,~~l1t.)(~~'\,L... .g(!""'-f'I.3jU.. 1. ..g~fM'I. tU)IS"of'~'\1\..O..g vt.....t..'\.c-.._._gD\ JDI~-Juf.n . journal. html, nchapt er9/ j o u rnal . , n j ou r nal. css, .11.-\-~L ..g 'l.II.DI..gL .:r..gl1t fL..gLJt'\,j~"'-'1/..-rol'v'\, ....,.,'U-'\. -rt} ~ Ha CA j 3ju-o ...l1t VO,)'j_DIL vv&t.Jt"-j ....O=f>&t1.~ ;o'\:r"-"'1-~J. , . ecmupoBaue wpumoB mu u SS-. n sans-serif. ... ~ n +; , Windows, ( , ,~GenevaCourierHelvetica TimesLinux). , ~:ro""' , .IV'01vi"-to.sk) IV'1:1t )(.~ .~1:1t~ l1til. '\.(-vOJLb.)0~01+\-''"'-" V""t\.D .u:.-111- J 1- \-\.. +U.. ~-Jj~ +\J!\~t..!-1... ..AfiOI/ ~-Jj~ Jr..O\t\.D~~ 1-~ \Ji~ow.s1 1-~ IV'c...f~~...C)(Nt0 ~14'.,;;.U.O..'f'Of""'0. ... (.,I)f1(.0\1(..~. c:"c,t..AOI.,;;.b.1:11. ~~~~.v%368. & , n , n : . ,3f ont- s ize : 150%;~01 ..g "-'\l\.l(..(.,t..0\)(1 OljNI jOI'too~u.o~ ~~oto -:JfO~tUI -:Jc-v;;;Oi~'\1\..J\.'11\. y>OI,j.t_y> /ISO%..;_.body {f o n t-siz e: 14 ; ~ t.Lh 11t.)~~'\. r~ '~r'~OijNI, - , 150%\ .J,r. '- ?f o n t -size- - , hl {font- size: 150% ; . , ... n , - ~ em. em v;;:. ojt'.DIOit,v;;:./ v;;:....O\v~OI~0\:>01+'-..-. , :) Ht- ""'::1v;;:.01,,..;;;;,t,.-~...font-size ::::-'f'\)AU.f ~w . ~~t,v;;:. wpw.t~~ 1. 2em;.- IGOt\.S\.bc.-51 ( /1:'/Q .v /1 1"~h1font-size: 150%;}h2font-size : 1.2em;}.-"\. tU'If"\.VO.gOiv;;:, ~~t-jt.rt-.gojN1jOI.hl- 2111OVIG()Abi t\.01 2.0% ~O.II.bi1>L ~~~~1..0/ Dl J."..,.DI/1 O~l:lt.t\D fDI..gU~.-/12. ~n..~O..gx-smallsmallmedium1- ~.ll.bjO..gDIW'.L.II.1A- ~11\, L.II.Dit\..1-1- D1(J"" W( n..t.rLD~IjL.II.~b.d{largefont-size:}sall;1_ D ~w..~--.~..-~...~~ I ~Di~1A-JLO _ . ~ ~ 1 \)Jx-largej~DI~ /"0\j-..t.y> '11f~Di ..g ~.~..- bot.j fOi N1t... ~1-...t.> /12. "'-11\..k....!Lo..g.xx-largeUmak, kak >ke 3agaemc3 wpuma? , . ? , , . ( small medium) body. , . body, , em ( , , , ). , ? d, -, body. , ? body small, medi um, body. , , .370?: 9 , . -, . , :d { font-size : small ; hl { font-size : 150%; } h2 { font- size : 120%; }.mm nlnternet Explorer, .n w nn. , : , n lntemet Explorer , n . n, n n . n n, n- n small .D"" 'r',J-D\~ 1'\.0\(,~(,.S\ F"''""-1' -~01 ~01 {bool~>., , , . , :~"""""'-{o~t-,;,._ "'-~.....twn, ~'"(] "" , n n n . ( em %) , IE n"11t r~t.AL ~~111..~ r"''"-'1' >~\ V\1\V\ ~j~I..... \... ~ jL.IlOIL> ~ ~ ~r'm"t.."". oc...;;;:.O\bt\I.t.. ~11t\~~...\~'\1\.t..1..c...;;::.OI~.S\~(,.S\ ~~)hl - 150cro body . 120cro bod body , . , - body. , , . , , . . 371 ,- - 3 wpumoB g -mu u - . j ournal. css, chapter9/j ournal. , , . , ss-.body {hlh2font-size: 130%;1~~utv" ~ em, n? , t - '&L t :>qJJ~aed 1.e'D'g :1.e8l.Q ecmupo6aue mu 6u3u wpumo6 , , 3. ..u>.g .gl.f'c..'\1\.S\1-g I(.().r1- I"OIJ..t.r '~t''I/',;;;;o.g ~...__,~~ Dl- ~1.t\, e",;;;;l"~l-\.~111. e",;;;;~..u>.g~c.. 0~OAU... "'-f''\1\.S\.t\.l:lt..j.I\.S\ 1..11.01,)~. ...J\~ J011..0o.go~ .giZ..I\.S\j ~ 1'\A.I.AW'W _)~ 01-\. ~ 1-\.L h.Oj~.g.!Uit-. c...go'\t\... ~---....-l"liiJ.!vU.fO... o~.g..u>1i\.,;;;;~ tU'\ e",;;;;."~t\. ~L. !~..Lt\.IO~11 "..~\-\.W j.!UIt\.U.O ~~....--- F'\1. ~t'I.~,, :1200 1. 2. 3. 4. 5.. , l"~~~'ti\_ /16.",.,, ..u> oal1t..u> . 3~:g'VI"(..'I... . /"~~- Oji'U'II(.() .g ."~....rt.. .s-.~(I(.().0/"11t1i\.((.,1(.()/"t..L-, , , , -- , - .gc..t:LOI I"~.g~-U~t...c.. /12.'f).;) 01-\..gc..L ~L).;O'fo~ ~~t-... .141. 2. 3..,2005 Burma Shave :3011..0.g~'\.. ,;;;;~~?L~ ,-I ,, 4. , L 5. , Ar-- . -"..Lt\.IO~'1.w.-1'1. '\.).; l"liiJ..).;O'fO~ "t-.~t-....s\ ... , !2 : ,2005" /"IJ..... JOI'tOAO.g~. , ! n. 31I.Bo1Jfoc1, ]j: , .body,, - . . ? , , ]j: , 0: , body 90%, 90% ? . em %? fot-size d ? . ? , ]j: em %? , .0: , . body, . . 0: , . , body , 90 %, 90% , , , ,]j: , 16. , , , % , ?em, em. . SS-. , .0: , . , .]j: , : , , , . . ]j: , , ? . , . , , , ?0: , , 0: . : , . , -: . d , ]j: , 16 .]j: ? , , .0: , 0: , , , . . . 200% , . , ( ltemet l) body, 150%, -120%, -100%, 90% -60%. , - , , . Hacmpouka mu wpumoB font-weiqht ,Starbuzz . , Ji , . , bold:~ont-weight:font-weiqhtbold; . , , , :~ont-weight: noral; Starbuzz font-weiqht :bolderliqhter. . , . font-weiqht 100 900, . n SS-, n bold, n no , normal. n SS- n . ..:.r- 375 , .. 26ku nmm normal. Tecmupo6aue mu , SS- , , font-weiqht normal:body font-family: Verdana, Geneva , Arial, sans-serif; font-size : small;}hl, h2 { font-weiqht: normal;}6Q r QIJA~ ~ flle:/l/chapter9/journal/journaJ,html-----.h1font-size: 170%;}h2 font-size: 130% ;, :1200 1. 2. 4. 5.. , -, , , --, -. , 14 , 2005 :Burma Shave , . .., , !2,2 0 05 Cmuu3au wpumoB , ? fuiUU IU - cmaaBuBa:tomm. , : :r-, mr1,llJiff , ~font-style:IIIftifma ilfaBo. CSS Cj~~~1"0\~0v,;;;:./"0\~ 1 m r~Rmfont-style: italic; , o~vJ!LCP.f I1j 0\ ~.II.L(. 1t01Tic.- ",;111.~j.meu IIIrufmauu ;rru, m u:tm Baliiunocemumeu, 11"t~>./iv.s. ..-1. ~l1t .~>.~'jULOit...t. . ~ ... ~.~ +U... v,;;;.Oitu..... ,.:t . , , . :ll()/"v1.~~ I)...j tu... jOI~~OIIA...L "'fO:gLf".s>..b v~OIA.. Ij~m U cJaffXnoJIam KfcuBHiUIIIftifm, fu IU, uU , :om mofo,u mu1 u.font-style, u ;r, m:IlfoCJPomfont-style:oique;.J , ~ .::: , - . , :-~ KfcuBiu muu ;fm BuMaHuff fauuff ( cKofee ,1 f m, . , ? .:-~- .m KoHmfoUfoBam).377c mum1CmuAu3au umam kypcu8o mu un n no .!J file;t //cl\apter9/journalfjournaJ.htmlfont-style, . Burma Shave, ? , . font-style i talic:lockquote{italic;, n :~ont-style : S5- , j ournal. css,1200 n . Burma Shave n.1. , 2. 11, . , 4 . , S . , . --, -tBo:IJfoCt14 , 2005 n :Jj: t , . ?Burma Shave , Oif vt'.OIU- l(.i)IU- J~Oit\..040% r, . , 1 n. , t r , n r .~'I-.g ~% "f""V+\..O'W'\- % ~/ ..1 to.OJ\.~'\... "f"'\1\..S\.t\.tiA. DfOI~t.. l1t.iA. ~"J.gt..vt'.. n, no / , r r? , n r n, n n.381.u ~ u~? n no , nop? n , , nn , CSS 17 .17 nn n , n , . , , 16 UJI.uo.oe . L, ,ftfc1257 ., , , , , . Kak 3gm 63n6m?mu 3 n .CSS . , -. 1, - 1., , " , , . , . , , ,AquaBlack . .Onpegeeue 6m Jeto J8u17 , BlueFuchsia CSS- . , , GrayGreen . n. b ody . CSS :]Lime MaroonNavy(boo{jbody { background-color : s i lver ;}Olive~ "-f't\.g1..AOj.II.SIc.go~...-{0jb0\~1o1.Ar..d-c.o/o;.1"\P.:j.gt\+( ,.;;;~~.Y~~~.t..LI01 . jJ\.,9, --1>( ~-t..,.;;;.o- ~~t.. "'f~;:g11\.J\.b~ ~~~~W.t.p'\1\.~ t.l1t... ,.(1t0\l "\j~t\hl..O ~font- size: 170%;~-.\\~.11.1.~I.t... ~ t.r'"1.-01t\-VU...~01. tV\11!. ~Jtb~ --1.w..--h2fu-o/u.o;Dif;o..._1. 3~01-t... .t...~f ont-size: 130%;jI.ti\.VU... ~/;~lockquotef ont- s tyle : itali c ;11 ~391 ..:& '1. ([2> ot"Oit\.t-~11U.. . xoro~ )t- .it...- v OfOit\.t-.go'li\.. .t....O'Ii\..'\. jj~OI~'Ii\.. lo"'-'I.., " npoexaJ1 1200 ..v1.., not),jan t' :1,8a.na, 8w.,n.-, w AI1Aaxo . v. 4. nct , S. , -.t2.6.--.~:., -142005Surma Shave n ADporn:EcJ'if J NIO-IO i~Wfif,ro BiiC. 6rl.01~ ~AbjO.gOI.b h.Oj.I..fi(.'\..gOI"'-'I.L ~11t.'UI\.t...g"":jl1tjt.)f'1fO.gOI"'-'I.S\ n , awnal~,....f''\...- .'I. h.OjLf'I(.'\..gOI"'-'I.SI .g..:&-v./"0\~t....~)(o'li\.. "":ju..'li\... DD1.g011i\...t.-.gj1..1U1t\.t..... tU~~ jl"j.~\/ 01 jOI..t.tU'I ~ ? -, , . , n .1111111 #222222t#444444#555555#777777taaaaaatldddddd#666666#888888 1999999teeeeeetcccccc , m xomeu 3m gekopupo8auumekcma , , , ( ) - - . , text-decoration, :em{text-decoration: line-through;} . , , , :~ /"t.-J']Ab~OI""'-t.. "f~'l.SI v;;;_oto~01~~011(..emv;;;_~.j ~I(t..v..>text-decoration: underline overline;}tJ~t.. ""/"~'\. ...Ojt.ri(..'\1\..~DI ~ '\. ~jt.ri(..'\..~DI"'-'\1\..t... - , , n none:emtext-decoration: none;~D/"L.J:JAb~Div;;;.L "'1"~'\.SI ~t "'1'0\~V\.D\~c.-L .g~l1tjt.>/"""fO~Dit\.'l.SI ~~~ ~DI~ '\..jv;;;_~D\~DI (-...> .'lac::rno - .. L-, . , n , . n .Bo:nrocxJj: , color Jj: , . text-color? 0: , , , n CSS, , . ., , ? , , . , , ,0: . border-color."]j: , "]j: , . n , , ? ? . , ,0: n Netscape. , 0: , , . L , -n, N , - ..},:;.!' ''' 393 :rgu nogepku8au -, ,Do~OI.gb~t.. 1-\.'\ll..~t'I. 'tf'0\1-\.~j.I\.S\ ~.g '\11.. .Dl1tjMr.~i. 1..0v.t-~i. '\. .-:.ow1 .-:. .g t\J.-'11\.."'ftQ~~v. N~.C t 8C\t: 80'1800 &pclld~c ~ noua.ux, n::e aOCfOJtltaw.l.u.cei ~Un:q>081CJ't0 ~w:q 8 trp"t'P8o UIIO.c, otopa-t-.n nuc . ne tm. k'\>~w:e 6awe n6.11001.a ta~tN.J.aOk~ Bw wortt1'iiiD:m'lo.aoot naJII(a~lrfXOaaraosr.Jtatxnpatcrf eto .. !U~JIOl MOIIIU- k~tJIII6007"'f'Oto. I(.OJ 'IIC'J'I: +: aw 88XJI'.WA ., 4t.Uaorott'Ott.kpo.t... .-:.ow ~~~t..'\. ~"" 1'"''f"'-"" ~ '-""""-~"- r .t. ..-.rp-.e 1 ~ to c~e():..t '8' .,...._,_ O.!Of - t , CO'f8Cit f"' 8 J.tont," ~rt ... , .....,..,......, , ... t.- tot,.....MIII'OI\Io&O , _ , , . ,_ , , T~ofO ....... 8.te_.,...~u-croooc~-JIOWd,~~>"vA ----.,.a~.Hcr~t: f~. ...t'loo6tl- "_..,~oJO'J' O'tN.aie f!Ndt#tt~,(lw"UI>..It... ,."lfA#f.l-7-~'no.o.IUf-tAtl .., ta.-...llt~J ..epooro(~ 7, t.T..). tlltle-t./oiEtf~.VI wu l((l,f"IIJ.... ~tlf:~....... ,... . . ....~~)CN>tt'C0 . &818110W6'rAf'Yt... &\8tOA""'>I ... roo.IHIIU"J..... k...,...- -'"' ._,.,. -- .-"'"--- """ ...-~ ~OtOCII.f'"VUt'W. .St\io.J-.Sif.~~w.o-i\1 0\ -i\ IW~L-~Ii.-'\)M1t\.- w.~'Sr"11\._ t\.2.(.()JLb\W ~>. w.t.rt\.J?\ w-11\._-ii+W!.)(LL..L~.g" .St\io.J-Jf. (V\. -i\.D JLS\ jl>."t..JLO-ii~W-il( ) 11\._ ([2) 0~~~11\..... t\li.--ilt\P.I"1t\.-+W-il.'IA.. 'J~t w.'S. D+'>-1t\.- ..LW.~>.1.. .. ~Dii.-t\JLO- t\.J?\ atoW.1/U.-..L.h2font-size: 130%;~ 1~ o~-ot.J\.11\..... k..Dj)(Dj ;]11\.1...1"'\)...t..r'.j.ILS\ 0orz.o-ilV~W-il 11\._ . 11o(..IWJLbli.-j _.~"L..j.ILS\ +'>..11\._)(j-i\" 1"'\J+W!.)( r'\J...t..r'"r W.o ~?t\.D l"'\)5t.J1.1t\.-W.b ~t\-i\1..II.t\. npocmoii mecm , n, . , , .Ct..i-Oiv j~"-'111. +V'\.".11\\t\t. ~~.. .SOI......S-. vo~Oit..W.. v~ ~~~~ .t...~ V.I"Oit\.~~D ~01 f 01'&j01~~ ..t.. w..-...st.t{'\11. '\....U~ "':Jf._./I'\.Oj~~,.s\~'\1\.i_ \.. .i\.()'),'\N,..~ n Head First~t.- ~~ 801......5-.s;fr .OI~C..I.IC.. ft.-t.. ~11t +V>.'-'.!Uj.JIO..-; t.-{o~-.go fo . .t~"".;1~ . ~01 (bool~>.rocea.aJII 1-f:NCI Ftr$t . ft ;)..& 6oJiooe WeDvth. 1. '\) '\1\.\-\1L \V.1- t~.IC.. . /"OI~O.Oit.../ ~t:lt :., ~f""':j""-.L L+\ V\C..0/"0) . . body .!'): line-height: 3j.u- .t ...t.AU~t.... .t..V./"t\J1. ~f01 tV>. /l.bt..1 :1 { . ~ Ot\. '&:Jjt... .g /1 /t> /""\)01 '&~ fw..o.t:lt ~~01.font-size : SIIIAll; font- family : Verdana, Helvetica, Arial, sans-serif; line-height: l.em;~403t:H-':;..;Ir, : . . >kmu umepBaAau , , , line-height em . , , . , line-height . , Ss-, . , .. .>.~ .-~1i\.;;;.~. J;~-l.Lijkt t.,'j-&.._V\..I.'\1\. L..;;:.fI'\U..11\.+u~~.!11.~ ~_. ~~L .. ~(!l.()/1(.()~0ft11.1. ~!11.jc..;;:.Oo.t\.O~~.> j.\~11\..{j /J.bt_....roc.t...,.udr"O.t~.coc...... ~~~w~ :..,...tu.. t.. ~~' - .- (!(.,,..;! ~ 1(01 /O.,...l.cto ~ .. ~~~..-.:-y~......,.li'loao0tlot0'opo.t~81!~-~ot~~-..a:~t~lt n . ti . , npenaraec!l n r n i1 . r~awax...",..t .'~.t1.L------1 awero n110 " I J1 ni1 i, n -, n11 . , n:R t n~ n , .L __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _...., ..M ......I'iO!t'IOOtloro. ioWt. . .R~---t,.i...t!'Ttn~~P~~>..,.,~.,...,.,...,......-..,.;...,rt'"'....,~:.-.,..~wtwr~~t.t . . . &..NI n_ " ~flol,- CO),t;th! ~i~~llt.."l: ~~18t:...,. 111o06ot ~Cnett!Vf~~o~e nn.~~ ....an~o.~1,...-{ }i~-kt.jk+ v-..Po.c.-~c.-!Jo1 .>~-j{ 30\jOo.~ L') jN1 ~. ~Ool.Jt ~111. > , .- CSS. . 1..0/ "fO.IIU..,j.,;:;Ot\.0'\. O~.AD\~11\. (o.,;;;~j~).IIU..jj ~l.f'\..t..1. '!..y>DI+"..:V..~'\.I "D!.'\.~j11t'I. ~.11.()1(. ..~'\..v\0 ~ ~l.f?'\...-"f"""":J"' "'-...,_,_/ : ?JU' )' . auntx , t.... O~DI~b C..Ojt..r'1...C1U>1#71jt. ~j~C..$1/ t\.D\"'1"11\.AALfl ~ '\I\..1.1.jO~rDI~u n . , w n n l--v;::.~ADI~b1'\.D\~ ."\1\.. nory ;110m>r , , ria tt n ',. - . \ n :.t\..t.O~.siJDI""t..bti.t..1. .;;:;~j~l.f'\...'l.. OlJt.S\ ~---j 'tf'OO.~~bl '\. O~v.jl-r:-.... ..._.,.-"""':u..-if'IIIJ)5o .!t' r,-: :DI'?JJDI"'jt-jDIt-zo.;:meOu. , r.. .s1 r. HCV'rt 1\l}ocmor>.poepum :r(! r l(r:J tJ.I!u J~ 3::u , w, . ri .: u.Q/' 1102 (3.. & 1U;__,.,...I'ICif'\8....., ~~ - , ome8ai:ime ~ ml( :1 .6."_..,._",_,.",_~~-~"!! ~'(f,&ICtod--~~~~rOOJll-61>011' '~ 6!1oc't.-pu., ..s~ ..CUP""'"J ...;;;;1..OI~JOI"JOI! 1U..~~.sl 1'\.01 .";;;;1..'\.. .";;;;It\( OI~JOI'-'j-~ , , .: n n nn n , , .- ,- . CSS-xolounge.htJnl lounge.css. ~ rr )I wn. r .. . ~u ~ .. quarantee {order-color : order-width: order-style: ackground-color: k;lpx; solid;#7;~ M11tj01j01t... ot\!>~11!.'\i\. "J.gt... j. ~~ .;;;.\-\-...t..I ....OIUI"'-b /"'\)t\.'I..'J_) ..Ujj .;;;,...;;;;~.'\..'\.. ....oAJI."'-t 01 .;;;,01"-t.. j~~'II\.W. ~~'I..'Ii\. ~""jOI~JOI"JOI413 Tecm g 2u 63 , , . .~no ~'"'-..,..._r .....,14f-"'"_ _ _ . . . ......_._""~- ... -~.... -..... w~.........._.._.... -... ~-._ ....... ...., :.,-.:-_~":.:~~-:::=.=.:::--""........ ..................._._._""""""'- .' ooth-----.,.......,._~ ~- -~"'"'_.,...__.,......"-- ~~-- --~"""-"... .. ...-_,..,.. ..........'"_....__ n , Gt n . , n nf ;;,r~ , . : r ~~ - j!h > , ':n n~ i1. , r n ~t !( , , s n1 . - , -n11 . ; / ~~ ~ , -1( /OjN'IIGOII'MK~C...J\I ~t\..'I.Jj 1. ~~Lf'\J W.otO/),'8"j/),~/), t.... ...o.JLSI. , . ..t..'\. ..t.-~jj ~oiGO~I:IL.'I. c..W.o~oNJ~.'I. ().~j().~(). 1. ~...'I. OIUU'I1~/"~/),-~"'j~-NJ\v t..-.oW.~1.~I1t.L~Lf>I-1'\..U.- 1. t\..'I.~I'\..U.- >-.OJLS\ . : ., , .n n . , }('(' n , , . .1 - , : v-n .1kpo..t.. W.otOI t_ 1-f().~().I\GOW.O/"M /"().V"-'>~ v~~IGO- ~'I.jiGO "- VOjl..f~'I.-O-:.J.:. "'- OjNJ~().~f w. oW.VW.~U\.. .\ '\.'\. t:) t\..t..> ~oo'S~414 10 Omcmyn, 2u u n 3 2apamueii, , , >>, , .0"'-f~~ tU.. )(..gt\~t\t.J .:.~.....g ..gO"fY. ~ '\II..II. r""t: ..- oa)'CNCJJ ocaJUI't" , .m(. r. JI JlfIDSIC: 8":tJJ OCJfC: D.Q n.I r:. n, 1 r3a.IUJIJICJIOIO ~liC:E"' noty tr.~.IUe'lxo JLZ : r11JJ)3 ., . }"8 1-i . 6u110 11~\j,r ""'1'01 011 ~ Vt\..'I-jj 1- v.I\J...~OI) . ecm g noAeii , , . n .Ct-1i\.OI(., :J (., O"'flj~ h.()AJ\ ~""f'\1\.k\.()'li\. 30 .__'\.lu(...~ (., ~U~~jo1i\. e-.orot\.111.ocyn : , ~, n . , -- ~ 11 n ~ , , ; , . {; - , . ; , - ~:...s~~ n )) , , serif, , . , , , . n SS- 1 . 9em, , #4 44444 Georgia, 1imes New Roman, 1imes, serif. n , n ..,417 J\o6a6Aeue 82 pucyka . ? i.f I(.O.;;;.ol"l;t.t....gl:f\.jO~c>...g'II\..JI.'IAr..gl1t.....O..vi.SI ~!>,"'~ 1.jCSS i.m.age."'t"IJ~~uo rt... , :.quarantee { line- heiqht : font-style: font-fami.ly : color : border-color: border- width : border- style: backqround- color: paddinq : marqin :ackqround-t.aqe:1 . 9ezn;italic ; Georqia, #444444;lack;"Ti.esNew Rozaan", Ti.mes , serif;lpx ; solid; la7cece ;25; ;url(iaqes/ackqround . gif) ;418"''' & 10 , .background-image, background-imaqe - . - . : , background-image, - , . - , ., , , . - , , . background-~qe. ~419ecm g 62 pucyka : , . CSS, , .O~rO\V::."\1\-V::.t- V::.O\I(...t-.g~'\.I\.AI\~'\1\A... ~ v=:.o1 v=:. UI/"11\QO~OI.'I.. -rt\IWLY"-"3~01t..w. . 1-jo~r01.U\-1-L/'Vno-repeat repeat-y '( inherit~~/" 01 .01~ "-"!"~~ ..~W ~'Iki..I"'\Jr ~ ~ 1'\J...o>.g~o/".s~~ u...11o.g~ort..w. "~-j~/"01.W.1.t. ~O.biW >repeat-x ~ UI/"1-jO~t\.1..-~j0~/"t\.W.1.t.~~.1..11o.g.ort..w.I."-0 !) .g._,.,-I>.g~U\-1.t. jJ\J......~_~~+'\D h.0/"01-Vlt'f 01~ 011 .'S11o..'ajOI~~jt..fi..!Jov!l.I(.V\QO~f01~1AJI 2. ackground-repeat: no-repeat; ~- .;. ._...,.. . --....-~..--.. background-position: top left ; .... ... .. ,-........... ._...... _ _ _ _ _ ! .............250;~ . .j!1t.&'\I\.LjJLS\ 'fOI~ v;:;.orol-\.l1t. i. ~e;,;;;01t\D~~bjJ1 t v S r(S 0_... ..........,............._ .......... .._......,. -~,....,...._~,_...__..._ marqin-riqht _._ _... ........- ___ . .. ,._--~ -~_ ""'1.I(.... 250 .-........ ............. ..,._ w.-.,_._,.._..,...._ fc-...... _ , .......,...~~423umpykoBogcmBo no 2u >> , . , , .border-style . .border-style: groove; w..o'SI:1l D"j"Rjt..ll.1_"'>\ c-W.11\..11.b -zro\..~~ 11\..v.>~ jj'l.W..t.. ..-\1...v..~ bo.,-ol-sf'j/t.. 11\.. 0 ~oo.1..W..t.. L-j 'N> 1.j -\0 ...'t>( j~U\..11\..'l...w..11\..11. olo+ft2-w..11\..11. .so/iol 0 ~oo.LC....ltO~t'(JIO 'ZfOit\..11\..~.solid, n ."-"'~C..W..oo.-\JL ~' _~~CW..11\..11.b blo1.b/L.. 011\.. "-'Dt.-ARjo-\oo.~ .i....JlbN> ~ ~""'~ ~ : -j j , "">O.t.k...:~ ~Jlb~j..g.l....JlV\.t\..11\..11\...r======="'ii--~~-~~~;,~~: ............ CW..1JI.b ioo..s\;..ol ~-- --- - --- - 1~~-7 .dou!e, -W. ..;;;;/"1)(..g_ W..1.11. 1"'-:.obld> j.!L .gt..r)(+U.-11\.. ~11\.. 'f+\..11\..~111. Dl ... ~L ~-11\..(..~W. I.j;) ~oW.jLbti..D.t 8gu 2udoule,go co8epwecm6a- solid, n >> . 01....-.~~~~~-~~ "'1''\..N\j./U...-.I.~'\1\.L 1(./\.0\t.-t.-;J .sr-101./.s.specials: , .specials { color: red;}~l0\1(_ .g111..)1f'I....-. _ c..-.t.-~l:lt I(.JlO\t.-t.-01. . , #(: , ). , footer: , footer. :p#footer{~l0\l(_.g~ 01~c..-. ~ ti">/11\..U0~111..1il..color: red;1i'j~~~1..O+\k\.DL 1...S\ {vofu. , .d ~431Un3u ugemuukamopa g2ocmeBou, , , . .2 nepBu: 3um ampu6ym class ampu6ymoid u lounge.html. : , , , . , , - . ., - 2 Bmopou: 3um ceAekmop kJ\acca .guarantee ceAekmopo ugemuukamopa 8 lounge.css.n/"...;;;. jOI.I..t.k\.-1..,;;;;L {\ c.....IU..IUO/"L.:\...-\(>..:\...-\... .#guarantee { line-height: font-style: font-family: color: border-color: border-width: border-style: background-color: padding: padding-left: margin: margin-right: background-image: background-repeat: background-position:1.9em; italic; Georgia, "Times New Roman", Times, serif;#444444;white; lpx; dashed;#7;25; ;; 250;url(images/background.gif); no-repeat; top left; tmpemuii: coxpaumeU3uu o6o8ume mu.~"' "\!\.. "f't..jt- 1"'\).g.._~01. 1-\L "'-f1.S\~t\Lt.. OC..Ojt\.I.g01>1 . .~ .g_ jUtOit\.O ~ t\.0 .\~ ~"-jOMKt\.0 ~11\.>~.01~ .g".._j0A?t\.O.g:u~..~_1 ~ -r .01~ nn rocreeyrC)CtfNjll..! F"!NtHead First wetvle. Oc'~'tao., .,roto&tt~~ ~~-~I!Wpill AN1 Ctt6 ...ar~fOI(, , t11 : 'ntt QCta.. .CII> nQAOfJufo tt lo!II~"!18Cio OU.C.C........ IIIV~ .._., 6rl!oA ti(Otopo~w~" ......-ot~ ~ottt~~t'IPQiy~tra. 14*'111 .awwo npe&a.-111 v ~~ .gl:lt vo.g._,.,~ '\.J~1.'\. .g~~'I.'I. .g""'j V.I"O\tv'\.'\..._ VI~'\./ +...g_. ~/""'(Jj'-ft11. k..Ojjt.y> '\..g\. 0\./"~:J. w.uli011 --..{J{ U...Jt'\. .gl:lt tl..f...J.:>~1.II.'\Iu.. .\1(.01.0 1"'--Jj.ll.b..0\1 --."'1"~,j1..t.- 'jt...JtOI.b . .t..~VO\.ot.- .gji"JI.D. ~1"0\Wf''--OUO!II'I!>UO I! PIITF.I', ' B.'IIO'II!R..... ., oi(Of'l. , 11 ' - background-ima.ge, CSS . " , , .. .si tionbackground-pobackground-repeat, - , () . , . class , . . , . id, . , ., .- . . - , id #:tt; #oJIID- i!id . mediwnthin, , .thick. solid, dashed, dotted L- , : . - -ridge. CSS - , , L- ., (, , , ) . mdi, rint handheld, , - line-height, . , .6001 ~~~Peweue, n n, . n n (, , ). , 1-l>t.r)(t\..Lt.. ~'"kr~,, o..;;.~.-v ~ .: o:31Jelrtc .11.m ,NClUX , m\0 CCl.Mble m.11u ) /"0\~t'\.. ) .r ~poeepum u~~:11\.. ov-.:.c...;;:.~ .11 , , rN 11~t ~'r1. ..- -l, NaVJ -r1m ~~'h-0.1\L.([1-+t...,__'\11..'\. o..-:.c..i'iO:J""H'\1\..I-U.L h-().1\L ~439 . ,~ ;:, n ero , .j?eettentt serif, , . , n , , . SS- 44444 1 . 9em, , Georgia, imes New Roma, imes, serif. . ?.guarantee { line-heiqht: font-style: font-family: color: border-color: border-width :order-style:1.9em; italic; Georgia, "Times New Roman", Ti.mes, serif; #444444;lack;lpx; solid;backqround-color : #7 ; pa.ddinq : 2Spx ; ; marqin:0~1""'"""'-.... .gt\..'I..OI.t>v~ .;;;; .-'\11.. +-UJ\J.gt\t\..11\..L ~1..I(....g, 1(..0,:;;,0/"ot.. t. ....Oj~t... +\'11-'\1\... \(..1\.~..-:.~.. 01..0/ L1..0j'\1\.J~,.t\.OU\.. C.,'\1\.Abt\.0 ,:;;,'\1\.~t...".o,:;;,j'"''~~ji"J!.01. ~",:;:,'\1\.. e",:;;,,..~~t1l 111-VI..f'~..gt1tf'd"+U.A-~. .... ~/":J/ '\..(.,....oAbjO..g~I. ~~~ J~ ~1(.."'-'?..gO~jL-..gc..u.o ..u-uo t\Ar'\1\..)..g~~ "f~IWI..~~ DI~~~,..'\..ti..O..goto ~~~/ ~ .g.,g._,">\j u..;;;'.b j~LtU..LI)bi(..O ~,..,:;;,'\..t\..01(.. " I(.."""'t_1..N\."\. ~...t.~ 111-VI..f'W\.t. ",:;:,1. ",:;:,/"~~117 ,:;:,~442 111divspanmu XHTML onucaue anumkoB, . , L- , , . ... , CSS, . , . L- . lounge. html chapterll 1 lounge:'P~>.JjUL ) ~1.t\\-\.J1L.,L- "'f'Rjo~LI-\..I.SI.L- +-..L--N\v.....w.,_,---- +-..;;..- .- j.DD~IW. . ~,;;:.1"111- +U\.....~IU'I/D ~.t... Wi-! ~443 :ft, , . , .: , , , . .~ ~ ?: n n ;: , , . , , : ; . , ( , :n . . , .: , , : - , , < , . ?: . , .: - , r. : . : , . L-, , n HTML CSS , k pa36um mu o2ueckue 3g -, : PetStorz.com. , , ..\ wc./"0\t'-~0\ -tl..I1..J\ j1.V "'f"'-.gt.J di vUcnoA3o8aueD'\.. 3~111.g o6o31181fellu ptJgeB, , , IU'IjOif.. 'tf~- 3.t... ~111. ~(~1-~Jh2\.L- . - , .>)/fi rrdiv [J , .~o'tf~ C.o'Soo."'v...>./div [ h2J1~]\6]Jh2~ puc8au81ue emok ( h1 m 3ju.. !.j~\'\.. "'jtii- , , n . , n , ? - ...;:;~~'\1\..0+\..t.. '\...S1~b(j.IUI IU'IIWU> O'U..t..t-oo.f.sJ.IUI "4"-cno 3 t..t.tv ...;:;DI ~t\D..~~ 1(.0\~jOW~I . j111.1.~~ -.~- ljjiOW'. 1.j/"~ ; o~~OI -"' +\..0\"f"I.-1(.0\~. 1. IO~I1t.t..jOlt\W.. ~~ ~+\.0\t.-.AL~~,o/;v> -(\~o ~)~oriol.t 1"0\() ~~011 ~~ 1. "'-j.).D 1(.0\j..llca t s { bac kg round-image : url (leopard. j pg);u~~Oit-ot...S\ J"'-..~( '\1\..A.t...Ol~fo~i.OI_J- D.s~'tf~ 01 .,;;;:,w.rOIJ div id= header.-, , , , . w.o1 .,;;;:, w. -&.rt\..1.1.I(.O~~.J v.r~.J!'J~~~1... t\JJ\t\..~/:lt7/ ~1.~~ 1- ""jt.-1-\..o~-(~tdiv id="cats h2JJ1 , , . , .Jdiv id="dogs [ h2J1l t.w;j- ~'l.t\..-j t\..1.~~IWO~~.jOI v,f~~~/:lt, PetStorz \) .div id=footer.t.. j~~t- \.. ~~...,;;;:, .U..j"'\)~~ ~~1...t..f'/C.,;;;:,r.J~jr1..J~~'\.9. v.r~t\..~f:lt" \..~ ~.g {oliv>EJ)div id="header"j_t.:\i\,v.--{~u~"U> 1. .,;;;:,.,;;;:, ~1.I'U>I(.1.1il.. ~ (r> jo~U~...'h~~u-~ ......... ... .... .... .... .... ............ .... .................... ............. ... ........ ........ ............................... ........ ................ .... .68u u cmpykmyp . (htdiv id::.petsdiv ld="catsJ1. , :PetStorz Qju rti8r ~j'~01 ~1.1.1.~r..t\JJ\!div id="footerEJ]imgndiv span3tBonroc"}j: , , , ?n, . "}j: , r n ,., . r ? , . , , .0: , . . , Jj: , n , r ? r , ?, , 0: . , , , . , . , n (. , cat). , , r 0: , . : , . , , . PetStorz . . ( IC.O\ "'11rQ\.t....-Ht...,_~~~~i_~ u .v.~W -'"""""""'~''1-.t..t. 1-\..'I'IItO {~~'U> ~""JOI > ~/"OII-\..1.!UIJ-'\1\. 01-\.. t\.1.....,.c~~~.-..c.~.. ,....,.,.,~...,......!fiP)'C.08oell\tiiPC"It.....1.,_., ~ U(.O\jO\.bl . Jiv> - a.ll0t\t.1. ~ '\1\. ~1:11. ......t.. "'f~. "'__~ .llau... ~'\1\..Jl'\1\.. !.01"7 t...V.Il'\1\. ~1:1\.jMt..>~ 1(.0\1(. O"'f'jt....I\..!\.b C..'\1\..Jlb j.ll.SI a.llOt\I>( ~~ {01 ~1:11. . 0t...t..)1 . -.t...t..C..'\1\..Jl'\1\.j~OI.b'\1\.~{tJiv>.~--l'1po6i-. ~11 Cr-.uo\ ....., !( 'flot.ap~ v. ~. ~ fll~ ..... ~~r8C1'08(:c;oa.u~~ar6y.I1....,.~U: , . , .~ . n, , - n. , lounge. html , , ? 451 cfi~6u 2u, : n npucmynum - cmuuaf&UU.,, , -, , ? , . . S5- , :, , . lounge. css chapterl l/lounge #elixirs { border-width: thin ; border-style: solid; border-color: #0077;ecm g 2u , lounge. html .. n@.t~ n.. '1-ft:A.v...:vu.~!:/'t ILD..Oy>:JIO ~111. ..obiLD .. jO~t:A.~1.JI.I.j.ILSI~. (Ofiv> v ""'j~~..>... iJ1)t;ifJ. ~Dl1t. \} v ~""'61....:J '1-fi:A.t'-~j ~.~~ 1,.I. (oliv>.wi. ~1.~+\..0 "'fljc;;:.t:A."I...b~~.~ .... ~cnpec~ e.u.~ ~'" 15.-1 ..,. ~~ -""" n~ftll01 OtaeAo11 ~11.1 l'fnfOI( "nOA$.i9.-."IC~ 41 MOV ~~1. t..... ...u.~rot\.1:11.'\i\. ~.gc>.r { :;~~>.ti..O.g~'\i\. +'\.01 ~rc>......~ k-0 :;.>. .....1. ~ ;;.01.0 ~ , .~>.r k-0\(.D\ .1:11. +U.. k.~1. uo .g "f'o~o'\i\. 'LI1.~>.-&.). ~ii! "11~ r " t~.......,.,,:, .!. cew~ww 41:r iiiHtot.en,.., ~ '~ 6..,".,.~"""' n 80tecuttroX~f8.ti.O .....t...'~.g ~~~.g +U-1.0 ~1:11. +'\.0\-~,;;. ...t..'\.g ~~o.gnO...t\..~t.r ;;. ~ 1..g_.g~;;. ~>. bool:;.Jc>.--.5-Jt.tf, ;;.>,!(. ;;. +'\.0\. tu.. "1"'\1\j.....c-.s~ uo ...t./..g ~~~ .\1(..01_ ~~11\-!.. . .tv\11tj~Oit.... ~1Af4j.II. ~I liv> ..:"'j~~./"... t./i)(ifJ. 'P"'jju .. tU~~"'"~~..-11\- ~:;,.... ~ ~~~ 2.00 .._'\A.I.(..c..t..JtO..g/11\- "'1""'..g1A-AOI I"OIJU....I(..V\J1'- . ~.~ c....go,.~..g"' wif/1. ..t\.D j~OI..gOI.b ~11\-\"'f'~L ~j~Oit.... ~~~ 2.00 .,._'\lu(..(..t.A()~./"~ \~11\- ..~1...D"t ~I. Dj01t\.t\.D...lounge. css 454 11dlv spa.pomecmupye wupuy 3g anumkau 8S- lounge. html. , , . 200 . -, .0 ~1"01,;;;:.'\.t..~t~. .~'I.1-r .,.; ~w,o,;;;:.01 rD\jjt.J\.01 " .....'I.~..."\. ~ 01 ~~.~ .,.; .,....;;;:. :.J/ ,;;;. .J:fl 'jt.JtOI."\..U.O j'1L "\, Ot\..0 jOitUI.O~~ ~.,.;~bt\Dl.O;!lr&_,~....tllr*"c~..~. ___.,.~I~f.mcyy~t-~-yc anrm~v """"'"'~ .v-...oroo~. Jl..af"OtCC\it........ 1'1~,t....,,.._"fo~rO\t\~OI. , , n? n , -n. 1 , . , , elixirs 200 . 455 tm1pm;:, t;no.~t...s\l ~.jOI~t...s\ (,z_ n.:\!U(..C.U.O\.l~\"7 jO~OI.gbV:.~ W( \. 300 .-.~. (~1Af11\A-\A ~01;;1. t.Ojt.r'11\....DW)1 1A. ~ .j~t.. 300 + (,z_:::: 3(,2. .-.~ij .gU-1..0 ~OIC.OI.457 jt ?'la:no"V: n , 0: 0: . , n, Bo~OCbt , n , . n n , 0: . , , . - , , 300 300 .}j: n ? 200 n, , . , . n, 0: ( . , , , . n , n , , n. , , n (, ) . n n . n ,no , . .). n . n n .""5: n, r n?D: ? ~ , n . ?Hama r:~~~: rt~ oll3)'t'!14(JI n4~~ . .ur: r, -.~}"tJUJte nm1 110C'JJe r ). 33 3f: aJI n: roceoit. 1t. aJ itJI u IJaJoc: n q ~IC\33.i'l rn . )'11J,IJJJt , f.' UiWl OcJs)'JiaJOJtA CJX0113JI . .s )'J .& Ulol t'" ll)(, . -.7 m)'.458/1 11divspanCmuu3au 3g anumkau . ?~ -, - n elixirs, r .3 01 Lj"V~t-11i...Ju>...V\... {V\111. ;j~Oit\.t\~JlV\...gOo.L.. jt\.t\t-+'\..11\..L f'_LOit-)( c..~o'li\.c.........gOI bOo.~fD~-fLJ"LOI+t .g /"Lj.jJlb~Oo.~L t.:l.D 11\..jD'?J/"Oo.t-+'\..11\..L '?)~~"'-'>.g~/"~.. ~OJlbi) "'-'> UJ/"V\..3o~Oo.1.. ~459 - text-< 1liCJiiecm g cmueiin npuu lounge. css . , : , . .n text-alignn ? ? n , . n . ~ 611.~r10?MA~tt ~'ioA$aPNUC . , , . , text-aliqn . :text-align. , ( ).460 '1. t!Z> O\l(,..gO\.DI/"~t1i\..?>u..~lil tM> '1. tl2.>1 jDI~ >t:Oj.SI~"\..U..-.sl..g"'-(1.";./"'1. ~01 to/iv> - ""~~.,... t../1'>(if.Sr "I..U... 'J..g.._._hl , h2 {color: I007e7e;m xomu noAY"umtvlt)(O~~ ~o~tjortoO..g\(,'11\, tM> '11\, t!Z> 1.,1\.D\~.u>1i\. ~/"0\tW..I';/"' 0~0\ "1.7 0\l(,..gO\.0\/"'11\,+U>..gO'LO 'J~01.~464. 11dlv span cnoco6 66m nomoko6 CSS, , . . , , , uv . , n .1...I{.t.. "'f'O~L ..t.jj '11\...UU... /"~'\1\...t...t.~\ '\11.. '11\...UU.......I\.1(.0\.1htfl. /"~'\1\..>t..((..'\1\..V..~l..2..i v'\. """''-'""'~lack ;div h2 { color :}Oc...OI.g~(.,J\ \... h.fOI.g1.O\ "'-~c.,.s; IU'IIC- ~II-\..0.. "'1"01-g'\1\./U) ~i"'\1\..> .g~/"01. ~V.. ~ 1~.~'\1\..,..,.s; .....J(.()...~I 1o/1v>. , lounge. html, , . elixirs, , , .~~ /"~'\1\..>L((..'\11.."\. ~ - . t..~ "":jU\.I~./"... t./i)(ifS.j1"''="""''~~1/"0\.g'\I\..O .g~'1f'OI~ .. ~t.. ~, t\.D Ol-\..0 ~..u... lc.O~~I-\.Ot... (I~-'\1\..... 0~/""\)0'"7 {_, ~,jj~ +\.D/".\1-\.0{ t..-'\11.. t.jO~OI{'\1\..... t\ .../"0\"'-~ Uj- ~'\1\..t\- 1o/iv> .g1.o{~~ I\.. .t..~~ 1\2.>{ lc.O.o1"/ftt.. ~j..-.s; .g - ":jU\.I~.oro... t.li'> 11\.. (IA.3>1 1W.O3j- t ~~ ~orf:ft ~.JW~1 .11t.#el.ixirs h { color: #d12c47;rW- ~J.- ~"'.r'\1\. ~\ (! """:JU\.W.'VI.~ .,;;;. \'\.0fteli xirs { . line-hei ght: l em, r , , ~._";;;. ~1'U>.t-At:40~D\\'\.O .,;;;. ,..L?,_.,;;;./"I'.t1. 11\.~Lf 0\ v P..,;;;.'\1\..,;;;.L~\'\..'\I\"..\1-'v'W-r .... -t /" _.. 1.~D\IO""'t-.s\ . cDO~ D\>,..t_", . .. "' e,_.,;;;.l"o"''\1\. .>.,....'\1\. .D F v 11t ~-..p~ol:>j.IUI ~ 0-f5 '"""" ( .IUI~ / , D\ j tj~M1.jtu\t.., ~,.t...1. ~D\..1. J~""'/",...~~ .._0\1.0O~I(L t-'\1\.~..w...-~lem r line-height. , 1 n . small, 12 ( , ). , ~1..L Jw.D\1/I Iljjt.. " 1'\1)\""'\1\,.\(J)\...'\1\. .g- >...... MDit... .. ~ id. CSS , , , (L) -, - 4)+~~ ~~=.~~~~:::;:::,:1r .~~~~.- ~"'-'..,.., \t0611t .... ,..,::;~t;.;_~~ . .,.;.~,....- _....(CSS) . M~~~..."..r""-C.'9X\IIt r,_,.,~. ~"- 1 ~- ..... ..-..n.... ,.......l..-l'l(y~.-~~"""'P'I'C'~~ ~~,. ~~NC"~ ... -.:.&- L- , SS-...DI ~.1(1)1.Ot-v~(1t!..ltj:!DI -., n q! , n i2, n n:tn i'l ms..., SS-.~CNJIIO!Of0tlt~ ~ I"'..:~..Onotlf,.,..... ...o'WI'O( .............o.,..,. ..Ce.tto'a':.tn.:nP~"Pr.j~ IW..,..ol"l;l.i. .gOI.. k.OI'.f'OI.g11\.,;;;. c...s\ , n n n , n n.bc..t.. .;;;. 0\'S...W'.\'\.0 "1"~-11\.t.t.. C..O"f0\~11\..5\ j.jOij~'"'-11\..51 C...gO,;;_c,.;;;.:g 'Lf~'"'-~111.border: solid thin;order:solid thin#0077;order:ft007e7e solid;Jborder: l007e7e solid thin;border: solid;u Jaygme ku g Jagau m , :backqround-color: whi te; backqround-i.JIIaqe: url(iaqes/cocktail.qif); backqround-repeat: repeat-x;l3t'...OI.ud.JI ~. "'jW'.11\. .g 'S.. ... .slj~tA-rackqround :white url(imaqes/cocktail.qif) repeat-x ; 471 pf!im.;~ 6w cokpaeuii . , :~nt-~mil , ~ont-style , ~ont-weight, ~ont-size ,~ont-variant line-height. , , :, . body :font-size: small;~ont-~amily:Verdana , Helvetica, Arial, sans-serif;l.em ;line-height: :~/. +u.. '11\.~-..a 'i raCIJlodiv span3tBonrocDOJb.:l..~.t.8 Jj: n ? ~OOfj?-U\..VU.,0: , . n, n . , SS- no . , . n, , n - n n 8;~ : . ~r' : n - . n ., n n~n. , n n, , n .marqin: ~ 2 ~ lOpx ;Jj: , n n , , - . ?~,) ~"3 mpu npocmx wa2a , . , , , . , . , SS- - . cd, artist. cd artist- .f) , 2 nepBiiu Bmopoii: go6a8Aeue m < span >lounge. html , . :~ ~ f"\ d F1rst"' +'"'ffl>OM.n"!raJ.!~ Ale l//.+-~...'11\.. ~ C..'11\.>1...'\l\,.1i\, "'::;~~"3.O/"OL.t.a : link { ~ color: green;vj_.~. .. ~/" "'f111,.....t..A-t..W.'S:nt..W. . , , , v.SI "-~~~"-"-. . , -"'f""-a:visited L~--- Do..tV'\t""- ~or ~j CitAOr ld>.0/"11tt.. ~?L color: red;'S(1tA11\,...,_o~a:hover color: yellow; , .]j: r ? n, n ?""'\ .. ~ 01" "'f"l....t..~'\...l-\.\\t...v ~01 ..,_j~I......1 ~~~ vvl1tAI.~ 1'ldiv span nopa AU nooBopum kackagocmu? ( , 485- ), , '/ . , n , CSS. , . n n , n . , , , ~ n . n , , n . n.rDO:-.tf;~t11>(,.v;;',b ~(. .t..ff11J..,~11t. ~..'\1\.. ~"-11\U\A'\1\.. j.!U\ ~r~~trt.,~~A~I1t. ~1.I\.t..1../"-.-~r~-'1..t..~"'-'II\....OI"'-~ . "~~~;: "4"t..O"'f'f6t..A'1..b .g'_. ~~~'\1\.. ~""'::"-11\.. D.!U\ w.(1t.O~ l(.()~o"'V\U\"'-'\1\.S\ "~1.. ..~\ J"JOI.....W.t-. ~11tf"M.~'VI..L ~i""'fo.,f-01"-tf11J.., ~...... ~'-~/ ...Cj..gO.!U\I0"_;i'1.1.. ...CAbjO ~,t..-u.... ~1..1..J~ < ~ ~~ ~... t-O~OI-tS~. t-DO~~1"Jr.'~11!. ...Cj~O.!U\IOI ...0~~-t( !))(\L--~~- t::t-1....g ~01~11\.. ""'~ ~ -j~'i.~~I.~1..-. ~1..1 . '_}''\1\...Lt..t-. .~1J~~ ~1.I\1..1.. ...0~\.t..JU\.n (w nnn)rlipayep~ . ~r~ ~.l ~\(.()~ ~!11. ~t..J~t..'-Dj'f'~ M~Of' ~1.I\1..1..(~.r11!.1.. ~~.-.... ~.~"""1..I t.....'\1\..~111..O"'f'fjt..A'1.'1. I."-011\..-. ~'1. j.!U\ ~~-k>.t.. .(1t.1 ~'1.'1. ._,~.~\-\..'\1\.. ~Jj..../~~ ~/"~~ .~)(~'1... O"'f'ijt..A"\I\...b/I."-01....g..t...'\1\.. .~~~111. ~1.I\.t..1... 1r'1.r~ "\I\.....U. ~..gw.or(..I(..'\1\..L (. .v;;-. ~~~1..) ~'1.~ 0~.t..... "'$1- ...CbjO..g~>t.b(..I(..'\1\..L ~ ~"-0~ ~ . J/.\j~t\t ~ ~r~t.. ... ~.~"'-1...~'1. "'f''\1\...U\.."\1'\... "'~_j,t "'- ~~u-1.. ~ "-'\1\.. ~~.r(,\(..1/ """'\1\.. ... ~~.t.(..1(..111('j iil IJ (1 .~~'\1\..~ ~1..t..1...0 ~485 n . n . . . n, n ? . n, , , . n, , . n , . n , n. , , 'I' , , , n n , 99% -( ).486 11dlvspanKackagocm . , , font-size. .Wrn m. -, , - ~ ....-------, . , ~ , ! : , -War~--~ font-size, ::J'11 , . ( ). , , , . ! , font-size. , . 487 ,vu26 u2py Kako6 u npuopumem? , , , :i:!'~ 1,(.{);)~'I.V-LA111f.t... 1..V>.1t\DDt>..gN.1L-:JG>..gt\D00 - ? .w. ~/.1UI.o jO _~.g-~L. )(l-f"M~..1A-;J.J..i..A-\.-1.ILOt- ,, :~2.g~t:l1r .?-~000, 11 11 -~.? C~of11tM1A-M.lo/1A-L VDjc>.W. ~w. j 1-'v'\ '2>1)(OjNJ..._) ~_j/ W.t>.ll.. 1..V.g "fc>..go... vo'2>~~..-hl , :1-W.c>.iii..W..t... W.il..G>.Il.. 1..V ~11\_!-1...~- rL:~'2J~.LA ft>.~+UIW.bc.. /1.fL ./1-L W.t>.ll...t... vJ : hl . lue ~ 1-w... ~1A-1-'v ~>.,.,.1 W.ll.. w. .g c..f~+U.... , :lf1-W.c>.iii..W..t... w.t\.Dij~c>.W..~.-'2iv--j+u.:to'2>~-L> .-w. 1..V1 \l..il.. 1..V Oj1-1-'v- ~~ ~.w...;;;,~W.OfO.g ~ 1-'v1- .g ~l~.I.- ~Of9..; W.ll.. w.j o'2io1)(.g .t....g... .-'2>t..t...~'1~-L .-W. 1..V 'v '-'V11, , , , : , . , hl. lue hl, 1.~ ~ ~"' , npoprera , :h1.greentea - - - - olliem span.cd #sidebarimg.green #elixirs h1a:linkdiv span3aCJI)OBo:nroc"V: n ]j: n "V: ?!lmportant? . , ?0: 0: nn 0: . :100() 010(),, , , 001 (), . ., !important , , n, :. n , n , . n nn, ]j: n h1, h2? ero?hl(font-size: 200% !important; nn n.0: : n n , (, , , ).h1, 001 , 001. h2 m m! . , color :hl{yo-anw.t'oJC ronyJC .t::f:::-' \fo~ ~11t.~0\w.~{ >.color:la.ck ;Warn'Sr~t ....w...~ w.~0\~ ~/1t.S\ . :Brian Eno , , , . , . . Buddha , Claude Challe When lt Falls, Zero 7 Earth 7, L.T.J. Bukem Le Roi Est Mort, Vive Le Roii, Enigma Music for Airports, Brian Eno497 ~ ~ "Peweue - n , . , , - . , - . . ? n , , , . :a:link a:visited{ {co/or color#0077;}#333333;}~ ~ "Peweue 11 , . .h1.greentea imgolli003 010 101em span.cd #sidebar001 011 100002 11.green #elixirs h1a:link72faMe:r:nKaU:IlUUHUfBaue wn L-n . . ? , , . . , n n , . . gu ynpa>keue Mo32oBou wmyp nwu co>kocmu? n Oo'l t1101;81t'f'O(~...t9,_".,..~* h~~~JJ~AO+U>'LO ~t>.-..g'I..-.S\ I"OOr~c-.ro~e.'IA-.~l"[ h2JJ~\"\ J~0~/"D\.~ .g~~~.~f:lt.~D\t'-1~\....D~IOI .gc-IO~1f1-~ -.r~.'I.. . ~~~~~ v;:;.f'O\t>v~O\. 3.t....ii\_~ ~AOt\..11t.t.. ~l1t. t\.01 v;:;._f'Oit>v~/o~t-/.2 ora~omaUme~rrOmraU:me faU }ota1ge. tml u un :t :m~. jaeiimeu U\J HUX Oil_FaHU~, f:mI!1 :ii, i Jl.v"WI.)llhl h2\...__ "'___))502 12 Kak ?, , , . n. ? : , n . .r , anJ .~~ ~t.r'II\....O.t..JOIA1...g01t....,;;;t-J\ ~ t../"01~ t-L..gOI 1'\J)\"'f'OI..gO jO ~ ....rJI"I ~ ..g t..I"ol(..t.. .. ~1 01 JI........ O'-j~..-..gA.J\t....,;;;t-JI j?l ":'U(Oj ~ '-Atj)IO~IO t../"OIC{J 0~/"01..-:;~ ..g\'1...'11\...l'\.~ .-;; ....___.../ Oit..'Ir .-;;~&t Ol"v)(OI"o~ ....rJ~OIAt-JI :g ()4(.+U...~l"~j "'f'"Wj~". ~ ....rJ-;jl"~..j I"~ ..-:;~ 1'\J)\1,....-te_xt _.., _ .-:; '-Aj~"!iltt -'\. .t 'j_t..Oit... ~01t.. ~ Wjt.r'\1\..DU) t..Ij-- ..41..U-\J:!~~ 1)/"~ "\.1\..L....rJb~ t..OAbl(.() t..J'!~ (,I(.()Abl(.() ~t\.0/ .-:;o~&tJOIA~b 1'\J)\ t../"011'\..~ ~.. Wjt.r'II\....Ot...Gi:]ffi.ill1 text \\text\~ 503 Kak m paomaem, , , . , , wriii\)O~D\Abt\D.M.. ~"fO\span em, 3~11tjOIA1..gD\IO,;;;.c...~ ~. ..,.,:;;./"0\~ D\t\.D\AOU\-t\111.. O~f"'jO)(~ .g ......u),;;;.Of111X ..u..;;::,D\)(w;;.roN111.. 7~11L:~ 1.j~ vv.D\"1 ""Odv t.:D\"\.t...... ... ~ ~f~"'t1""'3...t..r' IL,;;;.orow j~~ , .1.~ -11t.W.."V\..f01 c;;;;0~ ..... w... ...t..?jj rW..jc.DI.."V\..u 63 pacnoataemogug8a 6 mnog gpytu... . , . .Tho-II0-1rtr-....... k."-'U, Ib~CI~o.. w.t..Jitr5&. . tn ..,....,.Wcdtnk.tknl\lol~c-..-~~ !)~11c t~tW..&.-." ... oodwI.. Iw. . . . .~", III ~Ur. .....in-- -..... ""*"'WIItot'r.!!o.itolrnh--~--..ot--~..m~-::.;;; -tLo.DI ~Ob!11LW ""3 j..gj>< ~>t..1.. D"'-j~.... - ....:::::~~.~:;,....,,~......~n~...r.~ . _ "~.... _.r~wf;ljt)w\o(oo!OnftNI ..-~.,.J,~~~...........,d-t-OeDI-~t... /10 "'-1~\..~(.C.,U.O.gl 01 .._11\.?~W - 2.0 "'-~oiS. Ej"V\.!WL !)t.. ~~t.,.;;; -tL.1. 2.0 "'-~-.!>t.. .g~)(~W ~D\ ~-------- jt11f, . n "]j: r, r n ( n), n . n, n . , , , n .20 n, 20 ?0: . n , , , ."]j: , n n n , n. n "]j: r n? r ? ?no 10n,0: , - , ? , n n n n n 0: , . , 10 n.n ( - , r), , , , . . , ]j: ? . , 0: , , , n , n , , . , , n , . . 001 - . , SS-:? n, float:right:1 float, xopowon~ n. , , , , , . , , , floa t. , , float , ( ). , n , . , - , ...50612 Kak co3gam nAa8auu m , .text\textl h2textaiime ugemuukauooe u . amazingfloating paragaph, Jid-"amazing\.'textamazing.\=~p~~s=pa=n==l~l~e~m~l~[~s~a~n~\~l~e~m~l~~~) p' \. ~~==========~=:============~\_ :=1'"'1\text\Kak 3agam wupuy text- . ld=amazlng \ texttext200 n.#aJDAzing {wid th:2 00 ;text\lu-.t.r ~1f'I. t>.'S;:yr~t>. rr.g~ 2.00 ---~-'"7_ uo ..r~ )jt.r'~'\...OL ---oj!7U\.Di ---oj~ ...,;=P~s==\=\e=m~~~~x:p~~\(~e~l~\)\ , pan an m~==========te=xt============~\ _ text \/"f3.Lf' ~.., r'S;:yr~ - "-:. 'S..~'\.~ .__."-:...~ t\..'\.UP.I(.W...~I1t 1'\L'?J"-:. /"(~..~ j".sljO.. " 1'\..'\.../ "-:.(!(. \(.(!(. ~lj ~t\l1l..1. .~r..1. '\. .__.-.t.. t\,.'W(jo-&r.g..s~t..Iv$1j"f;jj"~ ../"\-1..1 507 nomQJ.ge,;;J"t,Oo.t..k.Jtt>..gt>.I0~1..1i\.f O.../""'J~t>.t.. UC1...g l"t..J)A.;;;..;;;.t... .;;;..;;;.~{ I(.O.;;;.Oft1t.1i\.I'\..O..t..t..I-\-\(.L)\t.~j"'~ 1..j oa~t-1..0 \'\..().;;;.~r'\..).. ~t>..gt>.. ...'\...t,..,;;;k.Jtt>..gt>.t,..,;;;>> tU>.j~ ~11t. 1,(..~ "'II..J ?\'\..O.;;;.OV-D\(3) n")~ ~D\.gD\IO~"'II..1i\..;;;. .:;Di~ ~~ 1 ~t1t.jDI"'II..~t>.IO.;;;,v~ N).h1\1texttext~Jj1 1o'&r"'.1..t.. ~~~. c.-I'\..OOI'LDI.. -~,;;/"D\...~ """'W., ~.;;;. .'L Dlaj~DI .t>... ~O;gtA... tU.- at1t.O.l h2( h2'&t\U.... ~t1t.I'\..Oj11: ~ 1 id="amazing1 \ text~ ~() ~" I'\..Oj1..~"'II......""f,jiO... L1..0 c...L.gDI, t:::.....'\1\. ~I JI.Wt Oc";;::.DI.g'\1\.A'\1\. (o/iv>... 'li'j~~.o/"o... t.}i')(if.S ~ I"~LAo.....f/..0( \C.DI"-.gU... VOjtt"'\I\....OL c";;::./"Dit\..'""'JI jL ~I~I o.o~/"DIWD.g~.g ~I\'\..../"L'\,..t..... ...~\1.I.....t...'\1\. 1(.()~.)11U:i~...'\l\.1 . /"~LA ... Mlf\..~\C.DI...'\1\. v~'\1\.Av.S\ ~!.g""fDI.gO """.....t... ~i'irstll.opo noanoan. roceaytOHeadI.tl .d ~lrtl O.t 11!1 ~ ..,... 6oAtowot ::.. 8 W.'181t Ot:t.......,8C ,_...:. w. ~~ AJ! c.OW ~~-. ..-""'" oet W. Ott.,..rno..Cifl8ol.l.lltM~I.a,l"88ttl(lf. . . . . ol'ji~....-o.Kt.N t I(Qf09(1 ~ lql~ 1'11 f'ICit'!rOIOio,...... IOI'tt'(O t~~~"PQAy~....'\1\."" VI-\..111..J:JrKafUIJII3" rrOC'ft'o. ..._,~~ v_. ~ ....,..1 N, ~"' 10/18110 ,... ll'f\1111. . /'180110 .:,.... ~.,..,_.r~.a,a;eer. C/1r'ICOI( I1\X /"DI.gl'l. ~VIf''V\"t\.L~~.. rc; .C.II.'f'.&tlllit~8w;::./"01~11L .....i. j .gt>.c... .~ ..u.. o~..t.J(J>.!.A f~LA .,. 1'\..,_~l(,f>....'\. ~J:j( --.o""fO~j'I...L ...~~ Oll..\'\.O ~l"'mt.rDI............_ ..................... :tOt.'--..--------... ...... ""'._ ~_ ~509 :starbu zz - n n , . n ? , . elixirs . , n n Starbuzz? n n , nStarbuzz . , . Starbuzz . , , , - , Starbuzz . - . . - . n, , , , .51 0' 12 Ho6iicaiim g Starbuzz 1'\Av u..;;::, ~)(+-\.'\. w~~~ v jOI.I..OIt..A.bN11.. , , , . GSS-o, n .(1l..,;;;.~., Jt01~ 1. OVt\.O~t\..0'\. j~()..t..'\i\. w...J>.+U\.1.. 1.jo~I"Oi~1t-~ Staruzz I.'IA-OV+\..O.gt\.D'LOVOjLf1.....O't.~ Staruzz"/> , t V. , . Starbuzz , . , , , , .Starbuzz, . ? , . . ,n, ilii., , . , Starbuzz - , n:Starbuzz . , Starbuzz . , , Starbuzz Head First - Starbuzz, . STARUZZ512),;'.1 Starbuzzn ~ , . , , n,.. n , . n n href="fox:m..html" n Starbuzzn . ~.~ -.......,~~~ , )1. +U'\Il.O~ ~ +U'\v U:. ~ jN\ t\.1.t\..1..:1.0 ll.O0~'1.vY.)AOIC..W./"0\~'t.513 starbzz menep nocompu mu SS-, Starbuzz-cpay. SS-. , CSS .body {backqround-color: #5789; font-fami1y: Georqia, "Times New Roma.n", Times, serif; font-size: smal1; marqin: ;~t.+\D..gt\U... c.....go,_c.";;;;..go..jJL~.... ..J1t "'t'oc.";;;;o 0 ~0\t.....~I bool,}'"j..g,__,;;;.+U.-1..0O~t ~Wf'W.i:!tr 0\ W.O\\C..Ljc.";;:;OI~.:gJl'1il....gO\t.....jJLk...IIL#header { backqround-co1or: marqin: heiqht:#67547;10; 108;1..011"01 tu"'-t"jt..... oW. c...jW. c..-..g111.L c.....go'Slj \'\D1.0 "'t'o .";;;;/"01 ..W...go..llfOI.- c.";;;;I"Oit\.'11\..'"ji1L~"'-!"'111..+U>1A- 0 "'-'11\J(..AO..g. l 01\.. ..&!.k../l:main backqround: #efeSdO url(imaqes/backqround.qif) top 1eft; font-size: 105%; paddinq: 15; marqin: 10 10 10;#sidear{ backqround: #efesao ur1 (imaqes/backqround. qif) bottom riqht; ..J1t O"'t'jut.L..f'\)...Lj" font-size: 1Q5%; ~ ~wpw.o.. jo'So....gJLL.. paddinq: 15; ow.c.";;:;j~ Oo.jJL ~{ marqin: 10 10 10;~ 'jJL \C..OI~'LO'LO O'UI\..LUWt.O ' ~ /"l>QjLILOI.D \..\?.j- '1il..j t\.""IIU(~ 3.:.r~......~l1t. ~3"jr w.o jf>.~~ w. ..J1I. .....~'\1\.Jl'\11. ..u.. vo ....w.o, .;;;. xow..t..A'\...~ fii//cllaptrl2/s~ruU/tnd~-html0'-t\D~~t.. t drink ot.f. f:.,.--'1.,.'"'.JA'"""- """"~ jr;f-t/"t...jiU>.~ l01j~ t.t... "jt.t''\..~aoiea'JU. II.OOpoJfCOO'tlltrC't8Y01' aofptl6ttOC'I',_M 8,jtM ~6H)1WOta.tc.)li() v.. u. nQAV-.11. u.~ . St.tru:a, q;pp-....mont-JJW'~~~>1.w~~n+~ ,.,21:01'0t,: OJ:JQ!IO~ DQfW)'r*IJ:UM_, J&CC.1JON.n:.ISA at. ~ .i;l/:ll &mc_awx:om6sa5natJIIII.N~oa~oJI;Ci.n.,l'9'ntJt ~YII!'M,~kL.X I/tx1t 1 ~iipn N .)Wf(A(17.._..AJ~... Q.g-OW l.jO~/"DI:t...t'\..'\,.\1/ w:ojb t\.U.O ~:n~>\..0'"\j~t'\.. ~ v~.l. c..w.,..~~~I1L...'\. otof*mt 3UU, = Jr00 IS,..,.,. ~Jl01'1-.M~o.QQ'f(te.~w~ro~~ute), yn;t.~U. 11 AOCf.ueJS ~* ~p,n w.IU'IIl-I"OIJ w.o, w. t\\. +yJN>~ -----------------------~ /"0(tVJijDIJI ;, .gl:lt. _j..g"'j;,w.t... w.).~t.r~LV +'\\ t\.J..L)bl(..() VW./"~t'\..~~~;'\.... --.Dt.. ~111j>1A....u>1./..u>l. ~'\1\.j"'\,t\.t... "/"t...Jil-V\.. v..519 , ;,.,, ,. ~ npaoro , . ? , , . , . .#sidear{ background: #efe5d0 url(images/background.gif) bottom right; font-size: 105%; paddi.ng: 15; margin: lOpx lOpx lOpx; width: 280; float: right;fr\~/D .;;::.. "'1"0\~'\....t.. ~f:ft .u>.'1Ajt.W.t..~c"t..c"oc",;;::.OI~JLIO~~ t\.t..O~~j'\...U..j.. ~11t.'W-J\.U\.'\I\. ~'VIf11\..t\t. .;g/"t..jlc.'\1\..\_/3agaue n g mu g>ku 330n. 1 n , ( r) . n 330 n :#main s tarbuzz. c ss,#m.ain ( background: font-size: paddi.ng: ma.r gin : margin: #efe5d0 url(images/background.gif) top left; 105%; lSpx; l Opx; lOpx lOpx;"'1"0\~) k.().IL 330 "'.:\.\(,.,Jl()~( .;;::. I"OI~.u~t.W.c" ~'VIf'\1\.\'\J... ~/"t..,)~c.V\..{VIf:ft ,)~0\.t..../"0\,)..t.r')520.;,12 Tecm , starbuzz. css index. html. t_____~............ ......................- t ..... ~....... .-_...._,~-- 1/lj~~~o/"o. ""'~.;"'1 ..lfl ~jjOit....J'\.JI.AIOj'\ j~~.llOI'\.OI'\.011\. /"'\)..!...>I.01"1 ~1""'-:fff "i"oC...W.o l"OI~AOI't.....~ ""'"foo"'l---------------~ : ~1..fooft.t' ILDI"- O~lit.~{1.1..t\.Of"'f;) .gf.._j~'J Ojt\.0\ILO t\.f... j01~~01"1i\-~ .{ ~01 ~f~ jDIA1..g-OI..... C...W.f"O+'..111L ~f17 04-'-_.'1~~I..... '1-fO\~Iit. ~ft-j"-""'7 01 1.)(~1.f1...t.. otJ~t...w. -, . . . . . ~~11d>.~l1t. ... 1j~~W./"I-1. ..Oii"'~ n n SS-clear. , , , n n , n. nn ...#footer background-color: l675c47; color : lefeSdO; text-align: center; padding : lSpx; / margin : lOpx; 90% ; f ont-size: clear: right;, n , , n 3.--t.U.g'.jw~/"11\.W.r . . . "'1'0\~o"li\- c...w.oro....t.~OIt\.f...t\.g1.AO jA.sl t\A..t\.f.-1..0 ILOAO~~~At\. 0~...liLjO~t\~A.slt.- 1'\D.gOt.. ~... t:~ ...._~:ljOI 'S.jjt..o. 1"0\--..L... ~'i~l"\)w'I..1 +V-jOI~"\1\.V"\I\....O oW.~""'1"'\-\t. ~ 'S/"~01. , . , , , \,...... ( ) ( ). , , .....,..._,..,_" ............ ........,. __ __ ..~---..,._,., CSS- , . , SS- -.___ .......__ ___.. ____ - ... ...... . ......._ ,_.__ .... .... _ .... . . . .""'g;en(lur,aft >r t:A\tr"''N:ttt0'-41\ l:r.J+rJtil ..~............. - . . . . - ... _ . .. . . . . . t(jO".._ _ _,_~.,_, . . . . ~~.....__...."....,_"_,_..,..._...,..,._._.,~.---~""-~~ -"""""__.... _......,~ ~~------..r..,_,_.._.._.,_"... .....,~~.... ,.........,_ ......-__.,.,.... .. _...~_,..--...__.,..,_~---....._."."..,.,~.~~*'---~.._.......,.... ..... .,.._ ..N ).......,._~....., -~""'- ....._--rwo_._~_"...__,_.~'"""'....._.~......_._,_~-,.~---...--,. --- .......... -.'111--........... _ _ _......,.._.. _ _ t'loeol ....... . -.......... ...-c .__ ......- ....... J... - - . . ......................~,..,._...,_._"._.........,~-~,._.,__...,..~.",._.~.--~...........-.__,~-..~-~u.(u CSS ....~~--~---"!.._....................._....."'.... .... .. ,..."............,........ .... ...'-t!:l . . . . ".......... ~....... ~~(-" "~~.....~"'"-~ ~......float. CSS , .aCII1]j: , CSS r fJ1JYX ? ?Bonrocx , n XHTML CSS. n,XHTML - , n CSS, , n n.0: , n n! n, n $64000. , , n , CSS n ,']j: . nCSS. ,no ? , CSS n n . n, , , 0: ,CSSn , n n n. , n, , - ,!~> , Microsoft Word. CSS 524 12 . , , , . , . , n, , , , . , ., , . , , , n ]j: , , ? , , , n , lj: n ? , 0:, . "5: 0: , . 0:, , . . , ? - . , l , . , n , oryr . n~. G , n , , .nop, n n , ( ) . , n . , n - . , n n. n n n.. - n, 1 n:n . , , . ( , , . . ), , , . , n ., : . . c5s , , , CSS? i ndex. html , . n ( , ). , n!n . ( , CSS)._ , . . " . . .. . . LIIW ...,_~"._, ....-...Jw.:111:' .)(Opo~'lli. p.t... Cv>.pfA+...'IN-JfA J+'fAk'\1\:H at-3 CJJ. ~..j c-"(J c..t.:1ft..O\v .gf.t..jiC.O\ ~.1)~ "'j~'111..g~11\.(..11\.~.....:.\~.!U\~ -=t() ..,_~.g. /V\o~t..U-}widUt. "!h>at:.286;.g >~OIvAL Oc..+).gt\.O'l.O C..OjLja?11\...D'U)/ ..u:>~.. tU.O~x~11\..0 ~~'~.~ '>~t.. >t...gozigl1t,).g/"t..j~ 0~~0\.51 ~VI.f>'ll\k\ ~\~11\. ~t.r>11\...D'U)c...go~~N>t.. .g,.,t....S\. "t1tW....!U\1i\.~ t.L ~0\"- ~ IC.O\~e.3~0\t..... O.gOI~IO ~VI.f>~j.!UI ~\ v ..+).gt\t.. C..Ojt.r"'-~ ~0\lc. ~ .:JjOIA'!.ot..v.go1i\.~.g0\ wiolt\. 111. floO\t...\.'\"'7 ~\~ .gO\v ~.1)~lilc) ~01 .. ;"j~~~oro. .sioi....gt1tjLOIA11\. ~ j.!UI .g/"':i)"-'111.. /V\t1t VO~VI.f>O\t....V.!\j~OI,;;;.b ~\~11\. ..+).g~ ~t.y>?11\...D'U) ~'lll.f~ l.f 2.0 "'-'\!....g.2Bmopoii: no3a6omue 6 o6Aacmu g>ku. main. :lmain { , clear riqht left.lfooter { background-color: color: text-aliqn: padding: margin: font-size: clear: l675c47; lefe5d0; center;15;lOpx; 90%; left;~v!Aj~t.. ~~U\..'11\.t.. c-.go'li\.~.gOI v/t..Oif f!jkt tU:\ lt.tr-l0\1(.11\.. O~fO\jO. t'-11\.I'\.111.'\i\.t-\.t..~\...:. Ov"'--.gt\.O'l.O ~Lja?V\...cto.k.O0~111."'\jA 1'1..~0\~l..kf'O~v.sl 527 miimecm , , n , - . , n , . starbuzz. css index. html. , ...... ....__,..."_._..,.._, ...._.,..,..,...,.,...........,...., .....,....._...~-~_"-~-----,.,....,._.,.,..,.,-------..--..-.---~t_,. .._,....... .... ....... ..... .. . .~ ~,~--- (!111110)1'wu..--.-.....-~c: ~~~~---~_,_......~ , , ."_~-~Wir~~~ ,........,....t__"..._..--,..--~""_,._.,.,..._.....,..........,.,..___ . ....... ..'(o,~,...._.~_ _ 1021'1111. . . . ~8;.:;.~~ . . . . . . ,....... _ . . , ,"'~~~~~~-~,.,......_..,._~--r..,...... ..... . . . _ . _____,....~...,.,..~.,..................... _,..,....,.,q.. . . .-......l . . . . . . . _ _ _~--u~.v........_e-~,"..,.._",.,_._HOI (,I...jt..ll.t-~..~111:2.JLS\j~ jOv;;;:.OI.OM~~r_..,.".,.-..,.., _. __.,......_....,_'Yt--...~...,,....flrtfo-...-~~~.....---...,...,..,..... .............._.....~...........__.... .......... .. -.r.'"''&!ol-~""*"~ .......... ~.,~-Jtt...~,_..... ~ ........................... ~..f..:o~.~~t..............,.,......,..ryr8.-""""~". ...................~~"~~ .....) _....-t_._ _ _:-.,.._.ti.Amfn'.JiiF.nA~7-'>;oro~1 1. ~ ~t1t /"OI~AO-U\t~ "f"I~\1\.... h.Of'jlt.L. t\L o-U-\.D ">f'~ .1 . ~/"LjiGOI ....../"OI~'U!I..~OI.boJ,'f1o--r .;;;.oal1t. ~"""t. .;;;. ~ :t,..;;;", k-Dj"IIUJW>~o-tSt\at-.;;;. t\.0. , , .lside.arm geaemCSS}{ posi tion: aaolute ; top: lOOpx; ~ 3 ~t....j~t.... right : 200; ~..go'IA. 'Zfl>.t\-1-IJI1t.~F~l1t.. ...""~" 'S~1.'\. "-"""O"''jF~ ~!it1-U)t.div id="main"JI'7 /.by>.t...j~Ll>.y>l>.I>.~OJ\~11\./100 ..:~.-.;;;. .gt.r)(~'\..../..'Zfl>.~l1t. ~!..goo~~~ji-U)t..;;;.1 .;;;. o\'\.t\ ~~fl>.t\-"IIUJt.r 1. --.t\.~ U..11\.~y>""f_)IO,;;:..t171 '"' 1d"""'"'")"'1t-,;;:.t\.0 "-"j"IIUJW>~O.gl>.t\..t\Ul.O ~. 0t\-1. .goo'S~ ~ 'S>~.;;;. .g~+W\..S\ 1-U)t. .;;;.1 .;;;. .;;;..;;;. ~ "1'1A..Ot\.Ot.. t-Ojt.r1...Ot.. ~.g '\1\.j o'&~-w "-"""0\L.P. ~ o'&~t,..;;;. ~12 ogu npuep 6m2 no3uuoupoBau . , annoyingad. :tannoyingad { position: asolute; top : 150 ; left: lOOpx ; ~ width: 400; /}"""'l"t'wdiv id-header\ div id- stdebar"/100 .,_1.I(..JtO.g . Jtt...go1i\. "'f'OI..WW,11t r.;..f'0\~111. '111.. /150 .....~ o.-&.r)c;t\.t..1i\.. c:Y+\...Oi..t.,tU..k\.OW ~~.gf'-3"-'~A uo ~""'f'\!\..1"\D\ ~c;,.DI.g.JUit... .....~. , < div > ~ /""'~~.51 1-\D\ f'Oic..w;;.O.SI+WI..'\11..1V/1J)divdiv ld="annoylngad"annoyingad . , , . , 1, , ... ........1f .J 0~/"0\.~t.. .g~"'-~ ,;;;. (o/iv>1 n .~ ""j~~.r... 01........o:i~Diol ~);~~ - 1-\D\j ~.. (oliv> ~ ""jU\.I~.>.. .S1olt.h.Kmo ? , : ~ (oliv> ~ "'j.........~."\..'\11.. ,s;olt.h '\11.. OI........O:Ji~t:>.o/ 1-\D\I(...~~OIIO""-~.s>. j/"jl- t\D\j/":f-0\ 1-\D\c;,.f'O\"'--vut;fr hf'I!I...;;;.o.. fO\,.)'jt.. OI........O:Ji~Oio/ ~iUi . , ~.~'\11..'\11.. ~-i.....olv.;1 ~... ,s;or.:h1 .....;:;;...:J +\.. f'O\~A0?/ ~""j~vv-J, ..n11LiJI,;;;.oi"O\..'I!I..1-\D\~"-.._ --::::.,._____../\;uP,oft.f .,..,0\1"'- '\.\ v0TU.k, ...L.. ~ '2..0\A\..gOIIO.~.S\1.)~1"0\t'..-~"1-g '?>~J.-......,;;;.\.'-. V" v taQI:IoBonroc]j: position ]j: ]j: n n ? position,static absolute? ?0: static. ;stafic, absolute, fixed elafive. stafic absolute. ,0: : . , 0: , . , , . ( ), . , , float. , , . 800 , 10%, . , . , , 400, absolute positio. , - . - .1% 400 ,40. . , . ,]j: r n .? , , : , .0: ]j: , , . - . n ? , n , .]j: , z-idex, ?0: . , ]j: , r n ? I , , . , 0: , z-idex CSS. . 0: , , . , ., . , . - . , width , .- , ( , z-idex ).534::: 12 UcnoAb3o8aue a6coAtomo2o no3uuoupo8au Starbuzz n, , n . . . sidear . , , . , , . , , n .U3uCSS g Starbuzz-cmpau~11.--'11\..~ ..111.~t..r~~"- 'I,(,)(j~'\,J L- , sidear , ( ). ~ ~~ wY"/"u~ ~L..t-'11\..'11\.. . , . , 330 .top l eft;{ b a ckground: #e f e5d0 f on t-size : 105%; paddin g : l Spx ;url (iages/ackground . gif )argin: l Opx lOpx ;~ 111. o"'f~t...Sit... c-.go~~t\.Ot.. ..t.J.AN.o1 1-\ I(.()W.o/"o.. ~~t..w. ~ /"01""'-.t.-1-\ .g/"t..j'Ir j~DI.g .~-' - 111j~1.., , t.. J"OIJAU.j>OI( '\1(.~~t..w. /"Oic--/) 0 . . ._11\.L(..C..VlO.g.div id=header1>f1t)W.OI .gt..r)o:~1.C I(.OAOI-\..W.~AOI - /JO{S ...._1..I(.c..t...div id=' main'w.o W.\1(.0\. .gf1t)W.Oij~I'.IU\. .g CJJ.div id="sidebarAO.g. 1>111. ..o.t..w.t.. _,.g""'jt..w..1.-' .g/"t..ji(.1./ ......-"'..-' ~.. t..Wc-t...gOI. O-t\-1..w.'t . t...gk...II.D.".:.~ .....OjXOj'1.w. \(. .g/"t..JI(.t..VW./"Ot\.Ot.. VOjl..f.ii\..Ot.. 1-\.t... ~~t..w./10 ....._11\.L(..t.Vt.g.~H1A-.l-\.t...t.. .....t. ~'lll.f1A.I'I.D'IA..~111. ~? --.W.'\ .goo~~ ~ jl-\iO""' c-_,~.g~Oit\-1.1.. OI~VOAIOW.I'\.D .....Oj~'I.OI-\..'III.fO.gOI~.~.g( ........" VW./"Ot\.Ot..1>/"t..j\UJ\j!-\ ~11tw.bfOI""'-'AOt-1-\ 1-\ /"i-V.!-\..1.1.. /) 2.& ...._1.I(..t..t..AO.gdiv id="footerow. -&rx01Wjl..fii\..Ot...~O.g 0~~1- --.-"''~ 1-\.t... ~~t..w. ~.U.. 01~-. ...03~'I.OI-\..'III.fO.gOI+U\t'IA..~.........-' w. :.gt.r'XI-\..1.'IA..I(.OA0~'1..w."A ~c.-w./".01"'-~~.OII(."IO .g/1(.),".?> ... .g111.J"..Oit..w.t.. W...1 .".:. "'fo11\Qoii~jt..w. .. t\-1.t\-1... 1 0 I(.()0~1.~'-0... OVI(.()Abl(." 3~111. '>~W ...OW.O'I 1-\..1.t..1. 1-\.t... ~ ..t... 1.""'- .g01. c..~o'\A..c,.,..--go t...jl-\iOW. ~ OldWAIOW.t\.0 .....Oj"I..I:11.O"'-""'f>O.g01tu\1)( .~\)(/ ..l1t ~~536~iJ120 pomecmupye mu m no3uuoupo8aue, .CSS, index . html . Ow .g_. .g/l.II..Sij~1.;;;.~ .;;::.01~ t.r I.~~0\ .t 'W.ObjC>.gO\A11\, ~~~~Iiit ~,.__-. _ . . .- ....... _ _ _ . . . . Pdia8 - - - - - - - ~_",._..---,.....,--~...... ... ....... _........ ..........-...._._..,......-....,._~-.-~........"........,...,...~.--U.-..-~---..._...... ~-~...- _ _ _ ...... . . . , . . . ... _..,.. _ _~.".".,...,.,._..._._~.."",."._,_..... ... .... ...,.....~--....... ... _.,_,.~01.... OCA\.0-g\'\Dl.O.......__.,........_, ..............-.........-.........-~--....~0\ .gl1t 1Aj~~t.. /"0\j...l..f ~t"~0\1 .g/"t..ji. .g(.,t./"0\.g~ t\.D\)(OJ~ .. ,;;;.1.- ~.t...-.).g--.DijOIIO~~ v ~'\.j'1\.01,-----........... ... .. ............ __ __ -...__ _____... ...._--,....::::.=.:.:::.-:.:::;:=:=.-.~-.-=......,_..._..............,........-..-..... _....t...jj +U-1.1. ~0\t..... c....f'OIt\..~I~b ~~/"0\~C>.!It\..11\.L'""~~"......... _......_....._-r---_.gVt... ~ ~ ...t.......~IV1u. jjjf;;.S1 I.,j.;;;."' . , . , clear , n ........__...____ ...........0!"-----f-.. . . . . . . _,... ......, ----. - .......... __..,_~o~-''IIICVJOWI4tJ.rr. I(.A.~Qolt"trrJ'H, . . _ , _ . . . . , ~ , . . . , ....... ...._.,JIII._Oilllt..-..~~-....._-.,.._~.._,..."._..._,._........,...._.....~._.._....._~....,_=""'-.. . .- . . . . . . . ,.--...;....,...........,.,......._....",_ ......_.__......_.._...,.._".",.,_-............ .........,.~-------.............~-~::;:;:-~"'t:::::::.-:::-.;::::.~--=::'J..-:::::-...::.:=-.~:._..,~-"""-IOW""...... ___ ____ .. ___""""&""-,_.IIo_____11...._....._fl'.,_ .. .......",.............._,._....,.......,._._,..~-____- ........_-1. OIU\.0 ~t"~OIJOv.;;;.OI.;;;.o~ ~'\1\.joOIj'\1\J~i\.()~~t-.S.I"."'\Nt....ll.bl'\.0~t>."""j~~.oro.N . 1'\.0!,..'\Nt...JI.bl'\.0.sioft!1 "' t\.1....-? - , - , . n n . nn . n, :-r. I"J).g~1. ~~---tv, - sidear. , .)ftv {poaition : aaolute ; lOOpx ; top : left : lOOpx ; width: lOOpx ;~1f1 : n , , , bottom n n , . , bottom - ~ -, n ., ~ n , , , n ,t . . n , !11 ~:~~ n. - n . n . n _ _____,=====~; n . ! -, . , . SS-n(. ) . .l div id="headerdiv ld="navigationdiv id:main mg id:phoromargin-top: 140; margin-left: 20; width: SOOpx;position: asolute; 20; top : left: SSOpx; 200; width::float: left;position: asolute; 20; top: left: 20; SOOpx; width: height: lOOpx;t.'! ~545 nou:~kumu mecmg mum 3uu~-c.-~.........**'... ......................... .... ..~..~~~~~-"*-",~:."\1\..t..k.1..1.~ ()~01~0\1 "'f ."'-'>jt..'\....--. ----------------..... . ---.. .-........-:-..:=...=:..~----j01~ .>:. \o\.Dv.D.I""\1\.At.1(.0\1(. \'\..11\.---,'- ..~-.~111'\ l'\l1tX[h~~ ~( h) )\jI.v 1'\.01\(.()...-,j~11\."li\.1 01 V.011.V./"01~.\~ 1 ~"-~>j (01 .1'\..'11\.\'\..11\."Ii\.~~ ~) )IU).Ot\.I"11\.~) o~.>:.~t..1..o. 555 ~ Peweue , . ? , , . , . . lsidear{ background : #efe5d0 url(images/background.gif) bottom right ; font-size: 105%; padding: 15; margin: lOpx lOpx lOpx; width: 280; float: right ; ~ Peweue ! -, . , . - SS- (. n) . . ?margin-top: margin-left : width:140; 20; 500;#~v~-hoh ~t~on :{.,"..,,..,div id=navigationasolute;top: left: width:20; 550; 200;div ld=main mg id=photofloat: left;GggJLZposition: asolute; top: 20; 20; left: width : 500 ; height: lOOpx;13:r:nae:unxu~11Iu C:Ilucu nywe n ... . , , Beanie ( , ), , XHTML. ? : - , L-. - : L-. , L-. , !- )r>' , , . ~ , , ~ . J'J-'"&..1 ~..;:. '"&..~~ ...j"'w.. ~"7~... ,;;; A~D\)(0" 't!=ts-=t-\~\1~~:t:!"~~ ~I> ..../5~~~~~;15 '1.viWI2.5 WOAJIrl2.0tv\111. ~.)_'f--- .t..'L/ -~111. ~01.1 .tU~~.'Ik\J!\~c.-.s~ .OI~AV\.~01. . ~{ u.I" 0"-"'II(.().of::J 10 ~-o'"'(J1i\..t.L 1~ file:/// chapterl/journal/taie.html, r; II ~ ----- - --'---.:;___---,11 n l e~t41 n I ace~xmii,. .P---; -~- . eimoa - . ----, ~l-,~ 1115 1175 ~================~ l~~ 1125 1174~=-=====IO=a======:ll:=l=OIOIV!= ====:114226 ii4117 ~ . .=~~:=~=! ln , !12 1V! 11102 114780 ll265~~~~:~~ IEJI4/5 ~==========~ ~~DI/511415ll~=;=r;= -~==~====~====,====~=-==~~~9=~ === = =r 4~1~9=======:II~~4~1~5/=5============~~----------------------'~ ~r8ry~c_a~L~l-04----~~~:~o ~~~L/_5--------~~~~.. ~~j+U'\~ "'{1?1>'1'"'~11tj.SI .t..Ucz )((>~ ~11t.~ ~11tj1oroio tU~~r1..c-Oil.ll.".:. .".:.~ '1-fOI~ .gO"fJZ'.g.1.. OI~~I1t566 131 g m kak nepeiige k cmuu3auu, noecmu mu mu u , . , , , ., , , . , journal . html ch apterl/journal, 20 . , , , .20r,2005&lt=" c:rrep -",; -:1200. u. :.~.>t'i. ""'11\.)I(..'l.O/"~o.g. YjM~(..EH::.OIIs-111 61""1 , ......., Eli::.OS&)IIIJI'N.)III ,-e:t' JloraUVI h.OIO...j . .g...t...t..o t\.UO ..t ~~t.. '1..Lv...ObjO.g~.b .~~'\1\.~.JIOK ~~~.-~~~wp"'-1.11. ""f~JJI.L~DI,;;:.~c...t....t.,'~.,w.._g~ ,5DI....J-8U'{'\. '\II..LIO"'- .,t..,\'\D~'\1\.ii\. 1"1>0~. ,;;:. '11\..j ,;;::.t>:; "fD\~11\. ~V\..A9.r\.,;;::./"111.- ~1t.. 'a1.1tA'11\. j~D11'\l11.jNI~/"DI"-~1.11. /"0\.t.-., n1200 ~: ~ ~ ... u... ,;;:.t...N\.S\-~",.,.11.pDI~DI '11\. ,;;::.ot..I-\..I1tt..'\.\'\..'\.1...,, 15 lf75 74 91 102120429686 .. 504/5/525 5312 +UJ~\.Lii\. "'-DI~A'I.~/.11. ---~.....OJLS\ '\. ~OAb~'\1\.t..0,;;::.~~~ j~DI~jNI10~~ n. 422641173 2654/5 3/5' 234780. r,_n9r"93"""'j"- '"~"""""Oj+UJ~IC.O .'\1\. ,;;:.ot..I-\..I1tt..~_:! , ]0054242' 72895/518r',, 104860.480/5'\1\.\'\..'\.'\. v1.t\. ~/"OvDIIO"'-v.s\ ~ -t.l1.1>.jDI '\. "'-~.1\.t.)\. ~~"''W... r..t...w1 ~ \'\..'\1\.t..W )(0/"0~W ~ .-;;-..-;; ..t..1~ IU)I.~j(1t...'I.r4, rr .r ll ll crne J Burma Shave 4 r:PfiJ4IOtfe H4I!IHOI1 . tI!t~j~~..s~ .s\t..ii\.\U)I....'\1\. ~ ~'SA'\1\.y'~IO.v.s\, ~569 , n ... n. ? n 11 r n1, nr nnn, 11 none, 11r n11 ~ n. , , . : ; ; 0 0 ~~~0~~~r.o -.... .......................