SVEUČILIŠTE/UNIVERZITET SVEUČILIŠTE/UNIVERZITET „VITEZ“ U VITEZU FAKULTET POSLOVNE INFORMATIKE STUDIJ I CIKLUSA; GODINA STUDIJA: I CIKLUS; II GODINA SMJER: INFORMACIONE TEHNOLOGIJE
HTML I CSS SEMINARSKI RAD
Travn!" N#v$%&ar" '()*+,#-n$ SVEUČILIŠTE/UNIVERZITET SVEUČILIŠTE/UNIVERZITET „VITEZ“ U VITEZU
FAKULTET POSLOVNE INFORMATIKE STUDIJ I CIKLUSA; GODINA STUDIJA: I CIKLUS; II GODINA SMJER: INFORMACIONE TEHNOLOGIJE
HTML I CSS SEMINARSKI RAD
IZJAVA: Ja Almin Hardauš" .0-$n Sv$0123a/Unv$r4$a Sv$0123a/Unv$r4$a „V$4“ 0 V$40" In-$5 &r#6: #-,#v#rn# 04 %#ra2n0 a!a-$%.!0 #-,#v#rn#. #-,#v#rn#. 46av2606$% -a .a% #va6 ra- 4ra-# 7#70n# .a%#.a2n# .a%#.a2n# 04 !#r3$n6$ !#r3$n6$ 8ran$ 2$ra0r$ 7#%#9 7r#$.#ra+ #7. .0-$na: <<<<<<<<<<<<<<<<<<<
STUDENT: Almin Hardauš REDMET: O!n"#$ %$& '$(n"l")i*a ROFESOR: D"+, dr Mu(ar$m K"-i. ASISTENT: Salim /a&i. DEMONSTRATOR: N$rmina K"n*ali.
SADR0AJ )+ UVOD )+) r#&2$%" 7r$-%$ #&6$!a .ra=van6a++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++) )+' Svr>a 826 .ra=van6a++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++) )+* Ra-na >7#$4a++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++) )+? Sr0!0ra ra-a++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++) '+ UVOD U @TML+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ '+)+ Ra42!a 4%$-60 @TMLa B@TMLa *+ STRUKTURA @TML STRANICE *+) LISTE *+)+) N0%$r.an$ n$n0%$r.an$ 2.$ *+)+' N$0r$$n$ 2.$ +++++++++++++++++++++++++++++++++++++ ?+ FORMATIRANJE TEKSTA ?+) REKID LINIJA + HOJE U @TMLU +) LINKOVI U @TMLU +' SLIKA U @TMLU +* TAHELE U @TMLU + CSS +) @ISTORIJA CSSA +' SINTAKSA CSSA++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++)? +* SVOJSTVA CSSa+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++)? + ZAKLJUČAK + LITERATURA++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++)
1, UVOD '+ 2, 1,1 Pr"&l$m3 4r$dm$' i "&*$5a' i!'ra6i#an*a ?+ + HTML 6$ !ra8a 4a H74$rT$8' Mar5u4 Lan)ua)$ " 3# 4na1 7r$4$na86.! 6$4! 4a 4ra-0 $& .ran8a+ @7$r$!. -#!0%$n .vara .$ 7#%#90 @TML 6$4!a+ @TML 6$4!#% #&2!06$ .$ .a-r=a6 .vara60 .$ >7$rv$4$ >7$r$5 -#!0%$na+ @TML 6$ 6$-n#.avan 4a 07#r$&0 2a!# .$ 01" 3# 6$ 6$-an #- ra42#,a n6$,#v$ #79$ 7r>va9$n#. 7#702arn#.+ Sv#60 ra3r$n#. 4a>va2606$ 6$-n#.avn#. #%$ 3# 6$ #- 7#1$!a &# 4a%326$n !a# &$.72aan a!# -#.07an .v%a+ r!a4 >7$r$!. -#!0%$na #%#,0906$ $& 7r$,2$-n!+ T$%$26na 4a-a9a @TML 6$4!a 6$. 070 $& 7r$,2$-n! !a!# 7r!a4a >7$r$5 -#!0%$n+ On .20= .a%# 4a #7. na3> >7$r$!.0a2n> -#!0%$naa+ @%2 -a#$!$ .0 4a7rav# #&1n$ $!.0a2n$ -a#$!$" $!.$n46a % 6$ +>%2 2 +>%+ O.n#vn ,ra$vn $2$%$n .va!$ .ran8$ .0 4na!#v Ba,. !#6 #7.060 !a!# 9$ .$ n$3# 7r!a4a 0 $& 7r$,2$-n!0+ #v$48$ 0n0ar @TML -#!0%$naa 7#v$4060 -#!0%$n$ 0 0r$$n0 >6$rar>6.!0 .r0!0r0 %$ #-r$060 na1n na !#6 7#.6$$26 -#=v26ava .a-r=a6 .ran8a+ + + CSS 6$ !ra8a 4a Ca.8a-n, S2$ S>$$.+ CSS 6$ 6$4! 4a "&li5"#an*$ .2a !#6 #-r$06$ 4,2$- HTML -#!0%$na+ N7r+ CSS %#=$ #-r$va vr.0 .2#va" $" %ar,n$" 8r$" v.n0" 3rn0" 7#4a-n.!0 .2!0" na7r$-n# 7#48#nran6$ -r0,#+ + 9, 1,: S#r(a i +il* i!'ra6i#an*a )(+ ))+ O.n#vn 826 .$%nar.!#, ra-a 6$.$ -a .$ 07#4na$ .a v$#%a 6$-n#.avn% 6$4!#% 4a 4ra-0 7r$,2$-n> 0n!8#na2n> $& .ran8a+ C26 % 6$ -a va% na 6$-n#.avan na1n 7r$-.av% $#r6.! -# .a #.n#vn% 7r%6$r%a !#6 9$ va% 7#%#9 4a 4ra-0 v2a.$ $& .ran8$+ )'+ 12, 1,2 Radna (i4"'$-a )?+ )+ G2avna >7#$4a #v#, .$%nar.!#, ra-a 6$.$ -a CSS !#r.%# 4a #&2!#van6$ .r0!0r$ .a-r=a6a" 6$r n0- v3$ %#,09n#. #- .a%#, @TMLa" a1n6 6$ 7r#n6$n6+ )+ )+ 1, 1,< S'ru5'ura rada )+ '(+ Sr0!0ra .$%nar.!#, ra-a 0.!2a$na 6$ .a U70.v#% 4a 7.an6$ .$%nar.!#, ra-a na 7rv#% 8!20.0 .0-6a !a# $% .$%nar.!#, ra-a+ Sa.#6 .$ #- ? 7#,2av26a: ')+ ''+ rv# 7#-,2av26$" Uv#-" .a-r= 1$r 7#-7#-,2av26a: r#&2$%" 7r$-%$ #&6$! .ra=van6a Svr>a 826 .ra=van6a Ra-na >7#$4a Sr0!0ra ra-a '*+ '?+ Dr0,# 7#,2av26$ 7r$-.av26a 0v#- 0 @TML" -a6$ na% #.n#vn$ ra42!$ 4%$0 @TMLa B@TMLa" $ 6$ 7r$-.av26$na .r0!0ra @TML .ran8$+ '+ )
'+ U r$9$% 7#,2av260 6$ 7r$-.av26$n# #r%aran6$ $!.a" $ na !#6 na1n .$ 0&a8060 .2!$" 2n!#v" a&$2$ $ 0n0ar @TML .ran8$+ '+ '+ U 1$vr#% 7#,2av260 6$ 7r$-.av26$n CSS" $ n6$,#v 06$8a6 na 4,2$- -4a6n @TML .ran8$+ '+ 2=, UVOD U HTML *)+ *'+ **+ @TML B@7$rT$5 Mar!07 Lan,0a,$ 6$ v$#%a 6$-n#.avan 6$4! !#6 .20= 4a 4vr3avan6$ 7r#,ra%a na -a26n0+ Ova6 6$4! 7r$-.av26a .an-ar- 4a In$rn$ -#!0%$n$+ *?+ *+ Sa ra4v#6$% In$rn$a -#32# 6$ -# 7#6av$ n#v$ vr.$ -#!0%$naa >7$r$!.a+ T# 6$ $!. !#6 .a-r= v$4$ 2 2n!#v$ 7r$%a -r0,% -#!0%$n%a 2 na .a%#, .$&$+ r$84n6$" >7$r$!. 6$ .!07 .ran8a 0 #&2!0 -a#$!a" %$0.#&n# 7#v$4an> 2n!#v%a !#6$ .0 0%$n0$ 0 .ran8$+ Na #v$ 2n!#v$ .$ %#=$ !2!n0+ Za ra42!0 #- #&1n#, $!.a" !#6 .$ 1a 2n$arn# B. 26$va na -$.n#" #-#4,# nan=$" >7$r$!. .$ 1a 7ra$9 >7$rv$4$ 0 $!.0" -a!2$" n$ n0=n# na 2n$aran na1n+ *+ *+ @TML .ran8$ %a60 $!.$n460 +>%2 2 +>%" a na2a4$ .$ 0 #-r$$n#% -r$!#r60 .$rv$ra v$4an#, na In$rn$" 3# > 1n -#.07n% na $&0+ *+ *+ #.#6 v$9 &r#6 6$4!a !#6 #%#,09ava60 -a .$ 7r$84n# #73$ 4,2$- .a-r=a6 6$-n#, $!.a+ ?(+ O- 7#.$&n#, .0 4na1a6a: ?)+ SGML B.!r+ #- San-ar- G$n$ra2 Mar!07 Lan,0a,$" T$ LaT$ B4a %a$%a1!$ $!.#v$" #.S8r7 B6$4! 2a.$r.!> 3a%7a1a" RTF B.!r+ #- R8> T$5 F#r%a" +++ ?'+ ?*+ Na64na1a6n6 6$48 4a #7. >7$r$!.a .0: ??+ SGML" @TML B.!r+ #- @7$rT$5 Mar!07 Lan,0a,$" 7#6$-n#.av26$na v$r46a SGMLa" @TML B.!r+ #- E57an-a&2$ @TML ML B.!r+ #- E5$n.&2$ Mar!07 Lan,0a,$" !#%7r#%. 4%$0 7r$6$ran$ .2#=$n#. SGMLa 6$-n#.avn#. @TMLa; n6$,#va .an-ar-4a86a 6$ 0 #!0 ?+ ?+ Za ,$n$r.an6$ @TML .ran8$ 7#r$&an 6$ na6#&1n6 $!. $-#r" na 7r%6$r N#$7a-+ Na2a4 .$ 0 Sar %$n60 7#- r#,ra%.A88$..#r$. ?+ <>,1 Ra-li5a i-m$?u HTML@a i BHTML@a ?+ ?+ @TML" @7$r$5 Mar!07 Lan,0a,$" 0v$-$n 6$ 0 !a.n% (%+ @TML 6$ -ana. .a-r=an 0 &r#6n% .an-ar-n% #7.%a #- .ran$ P#r2- P-$ P$& !#n4#r86a BP*C+ Za-n6a .7$8!a86a @TMLa -#vr3$na 6$ )+ ,#-n$+ @TML 6$ n#va" 7#ćana v$r46a @TMLa &a4rana na 6$4!0 ML B$n,2+ $$n.&2$ Mar!07 Lan,0a,$+ (+ • • • •
• • • •
'
)+ Or,na2na #r%02a86a @TMLa %a n$!$ n$r$,02arn#. !#6$ %#,0 04r#!#va 7r#&2$%$ !#- 1an6a @TML -#!0%$naa+ @TML . -r0,$ .ran$" !#r. 7r21n# r$,02arn0 7r$-v-v0 .na!.0+ '+ U v$1n .201a6$va .na!.a @TMLa @TMLa .0 -$n1n$ U n$!% .201a6$v%a .$ %ar!07 ra42!06$ U n$!% .201a6$v%a .$ %ar!07 %#ra !#r. na ra421$ na1n$ *+ @TML @TML .a.#6$ .$ #- * vr.$ !#%7#n$n: ?+ E2$%$n: In-$8ra60 ra21$ -6$2#v$ @TML .ran8$ !#r3$n6$% a,#va Ar&0: In#r%a86$ # n.an8 $2$%$na En$: N$ASCII $!.0a2n 4na!#v + + Sva! -6$29 B@TMLa .a.#6 .$ #- !#%&na86$ #v> r60 !#%7#n$naa+ + , 2, STRUKTURA HTML STRANICE + (+ O.n#vna .r0!0ra @TML -#!0%$na 0!260106$ a,#v$ !#6 #!r0=060 .a-r=a6 #%#,09ava60 n$rn$ 7r$,2$-n!0 n6>#v0 n$r7r$a860+ )+ '+ • • •
• • •
*
*+
?+ + S2!a ) Q Sr0!0ra @TMLa + + rv a, 0 @TML -#!0%$n0 6$ >%2+ >%2 a, ,#v#r n$rn$ 7r$,2$-n!0 -a .26$- 7#1$a! @TML -#!0%$na+ Za-n6 a, 0 na3$% -#!0%$n0 6$ />%2 #n 0!a406$ n$rn$ 7r$,2$-n!0 -a 6$ # !ra6 @TML -#!0%$na+ + + T$!. 4%$0 7#1$n#, a,a >$a- 4avr3n#, a,a />$a- 6$ n#r%a86a # 4a,2av260 -#!0%$na+ In#r%a86a # 4a,2av260 .$ n$9$ 7r!a4a 0 7r#4#r0 n$rn$ 7r$,2$-n!a+ T$!. 4%$0 7#1$n#, a,a 2$ 4avr3n#, a,a /2$6$ na.2#v -#!0%$na+ T$!. 4%$0 #va -va a,a 9$ .$ 7r!a4a 0 4a,2av260 7r$,2$-n!a+ Sa-r=a6 !#6 07.06$% 4%$0 7#1$n#, a,a - 4avr3n#, a,a / - -$nra .a-r=a6 @TML -#!0%$na+ (+ )+ >:, 2,1 LISTE *+ ?
?+ + L.$ 0 6$4!0 @TML .0 nav#$n6$" 7#7.van6$ #n> -6$2#va $!.a" !#6 .$ n$ %#,0 .v$. na + 7r$>#-n# #7.an$ $2$%$n$ 2#,1!$ .r0!0r$ B7a.0." #-$26a!" .2+ + + Ra42!060 .$ r vr.$ 2.a: + n$n0%$r.an$" n0%$r.an$ n$0r$$n$ 2.$+ (+ 1, 2,1,1 Num$ri!an$ i n$num$ri!an$ li!'$ '+ *+ N0%$r.an$ 2.$ .$ 0&a8060 7#%#90 #2 a,a" a n$n0%$r.an$ 2.$ 7#%#80 02 a,a+ #6$-n$ .av!$ 2.$ .$ -$n.0 7#%#90 2 a,a B#va6 a, n$ 4a>6$va 4avr3n a,+ O.n#vna ra42!a 4%$0 #v$ -v6$ vr.$ 2. 6$ a 3# 9$ 0 n0%$r.an% 2.a%a .7r$ 7#6$-n> .av! 2.$ .a6a r$-n &r#6$v" a 0 n$n0%$r.an#6 2. 9$ .a6a -0,%a-+ ?+ + N$n0%$r.an$ 2.$ .0 2.$ .a !#6%a .$ na&ra6a60 .av!$" &$4 nav#$n6a r$-n#, &r#6a+ + + Na 7r%6$r: + HMP AUDI MERCEDES + (+ K#- 4a 7r$>#-n 7r%6$r 6$: )+ UL '+ LI HMP *+ LI AUDI ?+ LI MERCEDES + /UL + + + + )((+ )()+ )('+ O73a .r0!0ra 4a #v0 vr.0 2.a 6$ BUL Q 0n#r-$r$- 2.: )(*+ )(?+ Da .$ 7r#%6$n #!r0,2# -0,%$ %#=$ .$ r$,02.a #-,#vara609% ar&0#%+ Ar&0 6$ '74$ !#6 %#=$ 04%a vr$-n#.: )(+ 8r82$ #!r0,2# -0,%$ -.8 .70n6$n# #!r0,2# -0,%$ .0ar$ !va-ran# -0,%$ )(+ )(+ )(+ r%6$r .a !va-ra%a: • • •
• • •
• • •
)(+ ))(+ 7r#26$9$ )))+ 26$# ))'+ 6$.$n ))*+ 4%a ))?+ ))+ a #-,#vara609 @TML !#- 6$: ))+ ))+ 02 7$.0ar$ ))+ 27r#26$9$ ))+ 226$# )'(+ 26$.$n )')+ 24%a )''+ /02 )'*+ 1:<, Num$ri!an$ li!'$ )'+ )'+ T# .0 2.$ .a nav#$n6$% r$-n#, &r#6a+ O73a .r0!0ra 6$ BOL #r-$r$- 2.: )'+ )'+ OL )'+ LI E2$%$n ) 2.$ )*(+ LI E2$%$n ' 2.$ )*)+ + + + + + )*'+ /OL )**+ )*?+ r%6$r n0%$r.an> 2.a: )*+ )*+ G#-.n6a -#&a .0: )*+ )*+ )+ 7r#26$9$ )*+ '+ 26$# )?(+ *+ 6$.$n )?)+ ?+ 4%a )?'+ )?*+ !#6a .$ -#&6a .2$-$9% @TML !#-#%: )??+ )?+ G#-.n6a -#&a .0: )?+ #2 )?+ 27r#26$9$ )?+ 226$# )?+ 26$.$n )(+ 24%a ))+ /#2 )'+ )*+ A!# n.$ 4a-#v#26n ara7.!% &r#6$v%a !#6$ #va6 a, !#r. 7# -$a020" %#=$$ 07#r$& )?+ ar&0 7$+ Ova6 ar&0 %#=$ %a .2$-$9$ vr$-n#.: )+ A v$2!a .2#va a %a2a .2#va • •
• •
I r%.! &r#6$v %a2 r%.! &r#6$v
)+ )+ )+ Ka!# 4,2$-a ,#rn6a 2.a .a v$2!% r%.!% &r#6$v%a: )+ )(+ I+ 7r#26$9$ ))+ II+ 26$# )'+ III+ 6$.$n )*+ IV+ 4%a )?+ )+ a #-,#vara609 @TML !#-: )+ )+ #2 7$I )+ 27r#26$9$ )+ 226$# )(+ 26$.$n ))+ 24%a )'+ /#2 )*+ 1><, 2,1,: N$ur$?$n$ li!'$ )+ )+ Ova6 #&2! 2.$ -#&6a%# 7#%#90 -2 a,a+ Sva!a .av!a #va!v$ 2.$ .$ .a.#6 4 -va -6$2a: $r%na !#6 >#9$%# -a -$n3$%# n6$,#v$ -$n86$+ T$r%n 4a7#1n60 - a,#%" a n6>#v$ -$n86$ -- a,#%+ T$r%n .$ 7#ravnava60 04 26$v0 %ar,n0" a n6>#v$ -$n86$ .$ 7#6av26060 0 n#v#% r$-0 0v01$n$ .0 4a #-r$$n &r#6 %$.a+ )+ )+ O73a .0!0ra 6$: )+ DL )(+ DT #-r$-n8a ) DD #7. #-r$-n8$ ) ))+ DT #-r$-n8a ' DD #7. #-r$-n8$ ' )'+ + + + + + )*+ /DL )?+ )+ r%$r 4a #v0 vr.0 2. 6$: )+ )+ r#26$9$: )+ ra6$ #- ')+ %ara -# ')+ 60na+ )+ L6$#: )(+ ra6$ #- ')+ 60na -# ')+ .$7$%&ra+ ))+ J$.$n: )'+ ra6$ #- ')+ .$7$%&ra -# ')+ -$8$%&ra+ )*+ Z%a: )?+ ra6$ #- ')+ -$8$%&ra -# ')+ %ara+ )+ )+ @TML !#- 4a 7r$>#-n 7r%$r 6$: )+ )+ -2 )+ '((+ -r#26$9$:
'()+ --ra6$ #- ')+ %ara -# ')+ 60na+ '('+ '(*+ -L6$#: '(?+ --ra6$ #- ')+ 60na -# ')+ .$7$%&ra+ '(+ '(+ -J$.$n: '(+ --ra6$ #- ')+ .$7$%&ra -# ')+ -$8$%&ra+ '(+ '(+ -Z%a: ')(+ --ra6$ #- ')+ -$8$%&ra -# ')+ %ara+ '))+ ')'+ /-2 ')*+ ')?+ :1, <, FORMATIRANJE TEKSTA ')+ ')+ A!# .$ -r0,a16$ n$ na,2a. $!. 0n0ar @TML .ran8$ 6$ 7#ravna 04 26$v0 .ran0+ A!# .$ =$2 -a na.2#v" 2 &2# !#6 -r0, $2$%$n .ran8$" &0-$ 8$nrran" r$&a ,a .av 4%$-60 a,#va 8$n$r /8$n$r 3# 9$ -a .26$-$9 r$402a: ')+ ')+ OVO JE CENTRIRAN TEKST ''(+ 4vr3avan6$% .2$-$9$, !#-a '')+ '''+ 8$n$r OVO JE CENTRIRAN TEKST /8$n$r ''*+ ''?+ U!#2!# .$ 7#.$&n# n$ na,2a. !#6% #n#% .$ =$2 -a &0-$ .7.an $!. na .ran8" &r#.$r ''+ 9$ !#r. -$a02 #n Ba # 6$ #&1n# T%$. N$ R#%an+ Ra- .a #n#v%a 0 #!vr0 @TML ''+ .ran8$ .$ #&av26a 7#%#90 #n a,a+ Ova6 a, %#=$ %a .26$-$9$ ar&0$: a8$" .4$ 8#2#r+ ''+ ''+ Ar&0#% a8$ -$n3$%# 7 #na !#6% .$ =$2 -a $!. &0-$ .7.an+ A!# .$ =$2 -a .ran8a &0-$ .7.ana na 7r%$r C#%8 San. MS #n#% #n-a r$&a nav$. .26$-$9 !#-: #n a8$C#%8 San. MS Ov-$ -#-6$ va. $!.+ /#n ''+ '*(+ -#&6a .$ r$402a '*)+ 232. Ovde dodje vas tekst. 233. '*?+ '*+ '*+ #r$- na1na .7.van6a $!.a" 0 #!vr0 .ran8$ %#=$ .$ 07rav26a v$21n#% .2#va+ Za #v$ '*+ 7#r$&$ !#r. .$ .4$ ar&0 0n0ar #n a,a+ @TML ra42!06$ v$21na .2#va !#6$ n#.$ vr6$-n#. #- ) -# + #-ra40%6$vana v$21na 6$ *+ '*+ '*+ #r$- #n a,a @TML 7#.6$-06$ 6#3 %#,09n#. 4a #&ra-0 $!.a+ U @TML -#!0%$n%a
'?(+ 7#.#6 %#,09n#. 7.an6a 7#-$&26an% B- 2 .r#n, .2#v%a na!rv26$n% Ba28" !a# %#,09n#. 7#-v2a1$n6a B0n-$r2n$ 7r$8ravan6a B.r!$ $!.a+ '?)+ '?'+ '?*+ :<<, <,1 PREKID LINIJA '?+ '?+ A!# 2n6a $!.a -#$ -# !ra6a 7r#4#ra n$rn$ 7r$,2$-n!a" .26$-$9a r6$1 a0#%a.! 7#1n6$ 0 n#v#6 2n6+ N#" a!# =$2%# .a% #-r$- ,-6$ 9$ 2n6a & 7r$!n0a 7#r$&n# 6$ !#r. &r$a! 2n$" a, &r /+ '?+ '?+ Ra42!a 4%$0 &r$a! 2n$ 7ara,raa 6$ 0 #%$ 3# &r$a! 2n$ n$ !#r. .7$86an# #r%aran6$ !#6$ %#=$%# -#-a na 7#1$a! 2 !ra6 7ara,raa" 7#70: '?+ -#-an#, v$r!a2n#, 7r#.#ra 2 7#%a!a 7rv$ 2n6$ -$.n# • • •
'(+ ')+ ''+ '*+ '?+ '+ '+ '+ '+ '+ '(+ ')+
Na .26$-$9$% 7r%6$r0 6$ 7r$-.av26$n 7r$!- 2n6a 0 @TML !#-0+ >%2 >$a- 2$r$!- 2n6a/2$ />$a- - Ov# 6$ 7rva 2n6a&r / Ov# 6$ -r0,a 2n6a &r / /- />%2 ''+
'?+
'*+ S2!a ' Q r$!- 2n6a
'+ '+ '+ r$2a4a! 0 n#v 7a.0. .$ 7#.=$ 7 a,#%+ On %a .# -$6.v# !a# 7r$>#-n a, . #% ra42!#% 3# 9$ na7rav %a2 ra4%a! 4%$0 r$-#va+ Na !ra60 7a.0.a .$ %#=$ .av n6$,#v 4avr3n a," a2 v$9na &r#.$ra ,a n$ 4a>6$va" a!# -a .$ .2#-n# %#=$ 4#.av+ T$!. .$" a!# .$ n3a n$ nav$-$" 7#ravnava 04 26$v0 %ar,n0+ C$nrran6$ 7a.0.a 2 7#ravnan6$ 7a.0.a 04 -$.n0 %ar,n0 .$ 7#.=$ a2,n ar&0#%+ A2,n ar&0 %#=$ %a r vr6$-n#.: '+ '+ 2$ '(+ 8$n$r ')+ r,> ''+ K#- !#6 7r!a406$ ,#rn6 7r%6$r 6$: '*+ '?+ 7 a2,n2$&2$ 7 a2,n8$n$r8$n$r/& 7 a2,nr,>&r,>/& '+ '+ Da!2$" O-,#vara609 a,#v 4a .va!# #- nav$-$n> 7#ravnan6a r$&a -a 4,2$-a60 #va!#: '+ '+ 7 a2,n2$ '+ 7 a2,n8$n$r '(+ 7 a2,nr,> ')+ ''+ '*+ Ln60 .$ 7#v2a1 7#%#90 >r a,a+ Ova6 a, 8ra an!0 .v0 2n60 7r$!# 86$2$ .ran8$+ I #va6 a, %#=$ .a-r=a #-,#vara609$ ar&0$ !#6%a %#=$$ r$,02.a 4,2$2n6$+ A!# .$ n$ =$2 -a 2n6a &0-$ 4a.6$n1$na" v$9 7#70n# 8rna 7#r$&n# 6$ !#r. ar&0 n#.>a-$+ A!# .$ =$2 7r#%$n -%$n46$ 2n6$" !#r.$ .$ .26$-$9a -va ar&0a: .4$ ->+ Ar&0#% .4$ #-r$-606$ .$ -$&26na 2n6$ 0 7!.$2%a" a ar&0#% -> #-r$-606$ .$ -0=na 2n6$ 2 0 7!.$2%a 2 0 7r#8$n%a 3rn$ .ran8$+ Ova6 a, a!#$ %#=$ .a-r=a a2,n ar&0 !#%$ .$ %#=$ -#-6$2 .a vr6$-n#. !a# 4a 7a.0.+ H#6a 2n6$ .$ %#=$ r$,02.a 7#%#90 8#2#r ar&0a+ '?+ :, , OJE U HTML@U '+ '+ Na @TML .ran8a%a .$ 7#4a-na $!. %#,0 7#6av 0 1av#% .7$!r0 a+ T# .$ 7#.=$ 7#%#90 ar&0a 0 #!vr0 - a,a+ Ar&0 .$ 0&a8060 0 7#1$n a, .20=$ -a -$a26n6$ #730 -a a,+ '+ '+ H#6a 7#4a-n$ .$ #-r$06$ ar&0#% &,8#2#r !#6 6$ -# - a,a+ #.26$ .va!#, ar&0a .$ .av26a 4na! 6$-na!#. !#6 .20= 4a -#-6$20 vr6$-n#. -a#% ar&00" a vr6$-n#. ar&0a .$ #&av$4n# .av26a 4%$0 4na!#va nav#-a+ '(+ ')+ H#6$ .$ %#,0 -$n.a na -va na1na: 2 7r$!# 7r$-$n.an#, $n,2$.!#, na4va $ Bn7r+ $22# 4a =00 <" 2 7r$!# >$!.a-$8%a2n$ RGH vr6$-n#. .7r$- !#6$ #&av$4n# r$&a .av .% Bn7r+ ((+ ''+ )(
'*+ Zna1" $ .$ %#,0 #-r$- .a RGH7a2$$+ Vr6$-n#. ar&0a $ %a #73 #&2! 884477 ,-6$ .0 88" 44 77 r$-#% >$!.a-$8%a2n$ vr6$-n#. 4a n$n4$ 8rv$n$" 4$2$n$ 72av$ $+ Sva!a #- #v> vr6$-n#. %#=$ & &r#6 4%$0 ( ' B0 -$!a-n#% &r#6n#% ..$%0 2 4%$0 ( FF B0 >$!.a-$8%a2n#% &r#6n#% ..$%0+ H#6$ .$ %#,0 #-r$- nav#$n6$% na4va $ na $n,2$.!#% 0%6$.# !#%&na86#% >$!.a-$8%a2n> 8ara 7r$%a a&$2 !#60 6$ -aa na .ran SGIR B.!r+#- S$rv8$ Gnra2 In#r%a0$ $ r.$a05" Unv$r. R$n D$.8ar$." ar.+ '?+ '+ U .201a60 -a .$ 7r2!#% nav#$n6a a,a HODW 4#.av$ #7.an ar&0" nav,a#r % -#-6$2606$ 7r$-$n.an$ vr6$-n#.+ Na 7r%6$r" a!# .$ =$2 -a .$ 7r#%6$n a 7#4a-n$ 0 =00 a-a - a, r$&a -a ,2a.: '+ '+ - &,8#2#r(( '+ 2: '+ - &,8#2#r$22# *((+ *()+ O&a 7r%6$ra !#-a 9$ -a . r$402a+ *('+ *(*+ *(?+ 2=, ,1 LINKOVI U HTML@U *(+ *(+ #6a% 2n!a 6$ 7#v$4an .a 7#6%#% >7$rv$4$+ K#- 4a 7#.av26an6$ 2n!a 0 @TML0 6$ : *(+ *(+ a >r$>7://+0nv+$-0+&a/ Sv$0123$/Unv$r4$ „V$4“ Travn! /a *)(+ *))+ Na .ran8 9$ .$ 7r!a4a $!. Sv$0123$/Unv$r4$ „V$4“ Travn! a!# .$ %3$% !2!n$ na n6$,a 0 &r#.$r0 9$ .$ 7#6av 7#1$na .ran8a a!02$a+ *)'+ *)*+ *)?+ *)+ 21, ,: SLIKA U HTML@U *)+ *)+ S2!a !#6a .$ 7r!a406$ 0 #!vr0 @TML .ran8$ %#=$ -a .$ 7r!a=$ 7#%#90 7r#4v#26n#, ,ra1!#, #r%aa+ I7a! na61$39$ .$ !#r.$ #r%a JEG B2 JG GIF + Ra42#, 6$ v$21na .2!$ !a# -#!0%$na $3!#9$ 7r 01avan60+ Ova -va #r%aa !#r.$ $!a.n$ %$#-$ !#%7r$.6$ na a6 na1n .$ 7#v$9ava60 7$r#%an.$ a72!a86$+ U #!vr0 @TML .ran8$ .2!a .$ 7r!a406$ 7#%#90 %, a,a+ *)+ *'(+ Ova6 a, %#ra %a &ar 6$-an ar&0+ T# 6$ .r8 ar&0 !#6 -$n3$ na4v" $v$n0a2n# 2#!a860" ,ra1!#, a62a !#6 =$2%# -a 7r!a=$%# 0 #!vr0 .v#6$ 7r$4$na86$+ r #7.0 2#!a86$ -#!0%$na na66$-n#.avn6 .201a6 6$ -a .$ -#!0%$n .2!$ na2a4 0 .#% -r$!#r60%0 ,-6$ @TML .ran8a+ Ta-a 6$ -#v#26n# -a !a# vr6$-n#. .r8 ar&0a 7#.av .a%# na4v #-,#vara609$, -#!0%$na+ *')+ *''+ Ta, IMG %#=$ %a ra421$ ar&0$ !#6 #%#,09ava60 -a .$ 7r$84n# #730 7#2#=a6" -%$n46$ #-n#. .2!$ 7r$%a -r0,% -6$2#v%a .ran8$+ *'*+ ))
*'?+ *'+ •
*'+ *'+ *'+ *'+ **(+ **)+ **'+ ***+ **?+ **+ **+ •
**+ **+ **+ *?(+ *?)+ *?'+ *?*+ •
T ar&0 .0: Ar&0 4a 7#ravnavan6$ .2!$ 0 #-n#.0 na %ar,n$ ALIGN +++ %#=$ %a vr6$-n#. # 4a v$r!a2n# 7#ravnavan6$: TO" MIDDLE" HOTTOM #7 7#ravnava .2!0 .a vr>#% .2#va 0 $!01#6 2n6: %, .r8#.a%+, a2,n#7 #% 7#ravnava .2!0 .a -#n6#% v8#% .2#va: %, .r8#.a%+, a2,n#% %--2$ 7#.av26a .2!0 a!# 6$ -#n6a v8a .2#va na .r$-n .2!$: %, .r8#.a%+, a2,n%--2$ Ar&0 4a >#r4#na2n# 7#ravn6avan6$: LEFT" CENTER" RIG@T 2$ 7#.av26a .2!0 04 26$v0 %ar,n0: %, .r8#.a%+, a2,n2$ r,> 7#.av26a .2!0 04 -$.n0 %ar,n0: %, .r8#.a%+, a2,nr,> Ar&0 4a -%$n4#n.an6$ .2!$ .0 PIDT@ B3rna @EIG@T Bv.na+
*??+ *?+ Da & .$ 7r#%6$n2a #r,na2na v$21na .2!$" =$26$na v$21na .$ %#=$ -$n.a 7#%#90 -va *?+ ar&0a: >$,> ->+ *?+ *?+ Vr6$-n#. 3rn$ v.n$ .ran8$ .$ %#4$ 4a-a 2 0 7!.$2%a 2 0 7r#8$n%a+ Da & .2!a 4a04%a2a (X 3rn$ 7r#4#ra *(X v.n$ 7r#4#ra @TML .ran8$" 7#r$&n# 6$ na7.a .2$-$9 !#-: *?+ *(+ %, .r8#.a%+, >$,>(X ->(X *)+ Ar&0 !#6 #7.060 7#2#=a6 .2!$ .0 @SACE VSACE Ar&0 !#6 #7.06$ 3rn0 #!vra .2!$ HORDER Ar&0 !#6 0%$.# .2!$ -a6$ na4v .2!$ ALT *'+ **+ Ova6 ar&0 9$ 0 .201a60 -a &r#.$r !#r.n!a .ran8$ 4 &2# !#, ra42#,a n$ 01a .2!0" na #n#% %6$.0 ,-$ & r$&a2# -a .#6 .2!a 7r!a4a $!. !#6a .$ na73$ !a# vr6$-n#. #v#, ar&0a+ Ov# %#=$ & !#r.n# nar#1# a!# 6$ .2!a 7#.av26$na !a# 2n!" 6$r 9$ #n-a 0 .201a60 n$01avan6a .2!$ !#r.n! 4na ,-6$ v#- a6 2n!+ *?+ *+ r%6$r !#r39$n6a #v#, ar&0a 6$: *+ *+ %, .r8#.a%+, a2Hr#6 #.a% *+ *+ U!#2!# &r#.$r !#r.n!a n$ 01a .2!0 #.a%+, !#r.n!0 9$ .$ na -$n.an#% %6$.0 7#6av $!. Hr#6 #.a%+ • • •
)'
*(+ *)+ 2:, ,2 TAELE U HTML@U **+ *?+ Ta&$2a 6$ 0 @TML0 -v#-%$n4#na %ar8a 16 .$ $2$%$n na4va60 9$26$ B$n,2+ 8$22+ Y$26a %#=$ .a-r=ava ra4n#vr.n$ n#r%a86$: &r#6$v$" $!." $" 2.$" >7$rv$4$" .2!$" -+ Ta&$2a .$ .a.av26a a!# 3# .$ #7.060 r$-#% n6$n$ vr.$ Br$-#v" $n,2+ r# .a-r=a6 .va!$ 9$26$ 0 r$-0+ *+ *+ O73a .r0!0ra 6$-n$ a&$2$ 6$ .26$-$9a: *+ *+ TAHLE *+ 7#1$a! -$n86$ a&$2$ *(+ *)+ CATION .a-r=a6 na.2#va a&$2$ /CATION *'+ -$n86a na.2#va **+ *?+ TR *+ .ar -$n86$ >$a-$ra *+ T@ .a-r=a6 7rv$ 9$26a >$a-$ra /T@ *+ T@ .a-r=a6 7#.26$-n6$ 9$26$ >$a-$ra /T@ *+ *+ /TR *(+ !ra6 -$n86$ >$a-$ra *)+ *'+ TR **+ .ar 7rv#, r$-a *?+ TD .a-r=a6 7rv$ 9$26$ 7rv#, r$-a /TD *+ TD .a-r=a6 7#.26$-n6$ 9$26$ 7rv#, r$-a /TD *+ /TR *+ !ra6 7rv#, r$-a *+ *+ TR *(+ .ar 7#.2$-n6$, r$-a *)+ TD .a-r=a6 7rv$ 9$26$ 7#.26$-n6$, r$-a /TD *'+ TD .a-r=a6 7#.2$-n6$ 9$26$ 7#.2$-n6$, r$-a /TD **+ /TR *?+ !ra6 7#.26$-n6$, r$-a *+ *+ /TAHLE *+ !ra6 -$n86$ a&$2$ *+ *+ <==, , CSS ?()+ ?('+ CSS Ca!+adin) S'7l$ S($$'! & 0.var &# .2.! ra10na2n 6$4!+ [[S2$.>$$[[ 6$4! 6$ ra10na2n 6$4! !#6 .$ !#r. !a!# & .$ #7.a2a 7r$4$na86a .r0!0rran> -#!0%$naa B-#!0%$n 16 .0 -6$2#v 6a.n# -$nran !a$,#r4ran !#6 .0 na7.an 0 [[%ar!07[[ 6$4!0+ )*
?(*+ J#3 #- 7#1$a!a $& -4a6nran6a 6$ 0#1$na 7#r$&a 4a ra42!#van6$% 4,2$-a n$!#, -#!0%$na n6$,#v#, .a-r=a6a+ J#3 0 7rv% v$r46a%a @TMLa $!. 6$ 7r$4$nran !#r3$n6$% FONTa" [[-[[ BH 2 [[a28[[ BI [[a,#va[[+ Nav$-$n 7r$4$na86.! @TML $2$%$n #-r=a2 .0 .$ -# -ana." a2 n6>#v$ %#,09n#. .0 -a2$!# .7#- #n#,a 3# & $& %#,a# r$&a# 7r0=a+ I4 > ra42#,a .$ ra4v# CSS+ J$-n#.avn# r$1$n#" CSS 6$ -4a6nran !a!# & #%#,09# ra4-va6an6$ .a-r=a6a -#!0%$na na7.an#, 0 @TML0 # 7r$4$na86$" #-n#.n# 4,2$-a -#!0%$na" !#6a 6$ na7.ana 0 CSS0+ Ov# ra4-va6an6$ .a-r=a6a 4,2$-a -#!0%$na 7r-#n#. 7r.07a1n#. -#!0%$na" -a6$ v3$ 2$!.&2n#. !#nr#2$ 0 #-r$van60 !ara!$r.!a 4,2$-a -#!0%$na" $ .%an606$ !#%72$!.n#. 7#nav26an6a 0 .r0!0r !#-ran6a+ ?(?+ CSS 6$ .v6$.! #79$ 7r4na .an-ar- 0 $& -4a6n0 -#n$.$n #- .ran$ „P#r2- P-$ P$& C#n.#r0%[[ BP*C" #r,an4a86$ .a.av26$n$ #- ,2avn> ,ra1a na $&0 !a# 3# .0 v$2!a .v$0123a" vr!$ .r01n6a8 7#70 M8r#.#a 2 N$.8a7$a+
<=, ,1 HISTORIJA CSS@A ?(+ ?(+ S ra4v#6$% @TMLa n$rn$a 0#79$ -#32# 6$ -# 7#ra=n6$ 4a .2.1!% r6$3$n6%a 0 $& -4a6n0+ S vr$%$n#% 6$ @TML 7#.a6a# .v$ !#%72$!.n6 4a 7.an6$ #-r=avan6$+ T# 6$ -#v$2# -# 7#r$&$ 4a n#v% r6$3$n6%a+ ?(+ Ka!# & .$ 7#v$9a2$ %#,09n#. 0 7r$4$nran60 $& .ran8a" 0 P*C 6$ 7r$-2#=$n# -$v$ ra421> .2.! 6$4!a" #- !#6> .0 4a&rana -va+ Ta -va 9$ !a.n6$ 7#.a $%$26 4a CSS+ rv #- n6> 6$ &# [[Ca.8a-n, @TML S2$ S>$$. BC@SS+ r$-2#=# ,a 6$ @a!#n P0% L$" -ana3n6 -r$!#r 0 [[O7$ra S#ar$[[" 0 2.#7a-0 )?+ C@SS %a n$!> .21n#. .a -ana3n6% CSS#%+ Dr0, #- n6> 6$ [[Sr$a%&a.$- S2$ S>$$ r#7#.a2[[ BSS" !#6$, 6$ ra4v6a# H$r H#.+ ?(+ H$r H#. @a!#n P0% L$ .0 7#1$2 ra- 4a6$-n# !a!# & ra4v2 CSS+ N6>#v ra4v#6n 7r6$-2#, 6$ &# 7r$-.av26$n na !#n$r$n86 [[M#.a8 an- >$ P$&[[ )?+ )+ ,#-n$+ N#" $! na !ra60 )+ CSS 6$ &# .7r$%an 4a .20=&$n# 7r$-.av26an6$+ CSS 7r6$-2#, ra4n$ ) 6$ &# .20=&$n# #&6av26$n 4-an 0 7r#.n80 )+ ,#-n$+ ?)(+ N#" CSS 0 n6$ .a#+ Gr07a !#6a .$ &av2a ra4v#6$% CSSa .$ .0#12a .a 7r#&2$%%a 4 7rv$ v$r46$ CSSa+ T# 6$ r$402ra2# .a !r$a86#% CSSa ra4n$ ' 0 .0-$n#% )+ I4-an 6$ !a# 7r6$-2#, P*Ca )'+ .v&n6a )+ ,#-n$+ Naravn#" n 0 .$ n6$ .a2# .a ra4v#6$%+ V$9 )+ .$ !r$n02# .a ra4v#6$% CSSa *" !#6 6$ 6#3 0v6$! 0 ra4v#60+ ?))+ A!# 0.7#r$-%# 4,2$- -ana3n6$, @TML !#-a $& .ran8$ @TML !#-a $& .ran8$ #- 7r6$ -$.$a! ,#-na" n$9$%# 0#1 7r$v$2!0 ra42!0+ N#" a!# 0.7#r$-%# .a% 4,2$- -4a6n $& .ran8$" 7r%6$ 9$%# -a 6$ ra42!a #,r#%na+ Za # 6$ 4a.20=an CSS+ ?)'+ <12, ,: SINTAKSA CSS@A ?)?+ ?)+ ?)+ Da &.%# 4na2 7rav2n# 07#r$&26ava !#r. CSS 7#r$&n# 6$ 7#4nava .r0!0r0 $2$%$n$ .na!.$+
)?
?)+ ?)+
S2!a * Q Sna!.a CSSa ?)+
?'(+ Ka# 3# v-%# 4 .2!$ *+" CSS .na!.a 6$ vr2# 6$-n#.avna 2#,1na+ Sva!a CSS -$n86a" 4a 7#1$a!" %a .$2$!#r -$!2ara860+ D$!2ara86a .$ .a.#6 #- 6$-n#, 2 v3$ .v#6.ava !#6a .$ #-va6a60 #1!a4ar$4#%" a .va!# #- > .v#6.ava .$ .a.#6 #- na4va" -v##1!$ vr6$-n#. #, .v#6.va+ Hn# 6$ 4a na7#%$n0 -a .$ 0 7.an60 CSSa %#,0 !#r. ra4%a8 .v$ #.a2# 3# -$n86$ %#=$ 01n 126v6%a+ ?')+ M#=-a na6va=n6 -# -$n86$ CSSa .0 .$2$!#r+ On !#r.$ 4a #-r$van6$ $2$%$naa na @TML .ran8a%a" $ !#r.$ 7r$,2$-n8%a -a #-r$-$ na !#6$ $2$%$n$ .ran8$ 06$1$ nar$-&a 0 CSS0+ #.#6 n$!#2!# 7#va CSS .$2$!#ra: .$2$!#r @TML $2$%$naa" !2a.$" ID .$2$!#r" !#n$!.0a2n .$2$!#r" $ 7.$0-# !2a.$ 2n!#va+ ?''+ S$2$!#r @TML $2$%$naa .0 na66$-n#.avn6 .$2$!#r+ N6%a .$ -$n8ra60 $2$%$n n$!$ .ran8$+ J$-n% .$2$!#r#% .$ #-r$060 .v [[a,#v[[ #, $2$%$na -r$!n# .$ 06$1$ na n6>#v .a-r=a6+ Ka!# & !#r.2 .$2$!#r @TML $2$%$na 7#r$&n# 6$ .a%# na7.a na4v [[a,a[[ na a6 na1n .$ %#,0 4%6$n6va .2#v 4a .v$ $2$%$n$ .ran8$+
?'*+ S2!a ?+ r%6$r 7 .$2$!#ra ?'?+ r-6$26van6$% !2a.$ n$!#% $2$%$n0 -$nran6$% .2a 4a 7#6$-n0 !2a.0 .$ -a6$ 0n#r%an 4,2$- $2$%$n%a+ I%a%# -v6$ vr.$ !2a.a+ rv$ #-r$060 .v$ $2$%$n$" a -r0,$ .a%# #-r$$n$ $2$%$n$+ K2601n# 6$ 4a r$9 -a .$2$!#r !2a.a 4a7#1n60 a1!#%" #.aa! 6$" naravn#" na4v !2a.$ -$!2ara86a .2a+ K2a.$ .$ 7r-6$26060 $2$%$n%a !#r3$n6$% nar$-&$ [[82a..[[+ A!# =$2%# #-r$- !2a.0 !#6a #-r$06$ .a%# n$!$ #-r$$n$ $2$%$n$" n6$n .$2$!#r 9$%# 4a7#1$ .a $2$%$n#% na !#6 60 7r%6$n606$%#" 4a% .av26a%# #1!0" $ 4avr3ava%# na4v#% !2a.$+
?'+ S2!a + r%6$r 7r-6$26van6a !2a.a $2$%$n%a ?'+ ID .$2$!#r .0 v$#%a .21n !2a.a%a+ G2avna ra42!a 6$ 0 #%$ -a .0 ID .$2$!#r 7r%6$n6v .a%# na 6$-an $2$%$n" a2 # n$!a!# 4v01 2#,1n# 4, .a%#, na4va .$2$!#ra+ ID .$2$!#r .$ .%6$ .a.#6a .a%# #- a2an0%$r1!> 4na!#va+ Za7.06$ .$ a!# -a .$ 7rv# .av 4na! " $ 4a% ID $2$%$na !#6 .$ #-r$06$+ ?'+ S2!a + r%6$r -$nran6a !2a.$
)
?'+ K#n$!.0a2n .$2$!#r a!#$r #-r$060 $2$%$n$ .ran8$" a2 #v.n# # !#n$!.0 0 !#6$% .$ na2a4$ # [[a,#v%a[[ !#6 > #!r0=060+ On .20=$ 4a .$2$!ran6$ $2$%$naa !#6 .$ na2a4$ 0n0ar n$!> -r0,> $2$%$naa+ ?'+ .$0-# !2a.a%a 2n!#va .$ #-r$060 4,2$- 2n!#va 0 ra421% .0a86a%a+ r%6$r8$" n6%a %#=$%# #-r$- 2!#v$ 4a !#6$ =$2%# -a &0-0 7#-8ran !a-a 7r6$$%# %3$% 7r$!# n6$,a" a na1$ .0 n$7#-8ran+ ?*(+ Ov# .0 .$2$!#r .a%# 4 CSS)+ U CSS' 7#.#6$ 6#3 n$! .$2$!#r" a2 #n .0 6a!# .7$81n" $ .0 .$2$!#r 4 CSS) -#v#26n 4a .v$ 4a%.2 !#6$ %a%# 4a 7r$4$nran6$+ ?*)+ ?*'+ ,2 S#"*!'#a CSS@a ?**+ D$nran6$ .v#6.ava 6$ na6va=n6 -# .varan6a CSS -#!0%$na" .#,a 6$ na-a.v$ &n# -a #n# &0-$ 7rav2n#+ Da26$ 0 $!.0 9$%# #7.a n$!$ #- %#,09n#. 0 4ra- CSS -#!0%$naa+ ?*?+ T$!. 6$ na6va=n6 -# .ran8$" $ n6$,#v 7r!a4 %#ra & 6a!# -#&ar+ Ka# 7rv#" %#=$ .$ %6$n6a a $!.a+ H#6a .$ %#=$ 7.a 0 #&2!0 6$-n#, #- ) $!.0a2n> na4va 2 0 #&2!0 >$!.a-$8%a2n#, &r#6a+
?*+ S2!a + r%6$r 7.an6a a 0 CSS !#-0 ?*+ Ta!#$r" %#=$ .$ %6$n6a v$21na #na+ N#" 7a! na6va=n6 ar&0 n$!#, $!.a 6$ n6$,#v #n+ Na61an6 #n 6$ [[T%$. N$ R#%an[[" n# 4,2$-#% .0 [[Ara2[[ 2 [[V$r-ana[[+ Ka-a 73$%# CSS !#- %#=$%# nav$. v3$ #n#va 0 .!2#70 [[#na%2[[" a!# -a a!# 7rv nav$-$n #n n6$ -#.07an" 04%a .$ .26$-$9+ A!# n6$-an #- 07.an> #n#va n6$ -#.07an 04%a .$ -$a02n #n" #-n#.n# [[T%$. N$ R#%an[[+ ?*+ S26$-$9$ .v#6.v# !#6$ 9$%# #7.a 6$ v-26v#. $2$%$naa+ rv# .v#6.v# 4a 7r!a4" #-n#.n# v-26v#. $2$%$naa" 6$ [[-.72a[[+ E2$%$n !#6 .0 .a!rv$n n6$,#v% !#r3$n6$% 0#79$ .$ n$ 7r!a4060 na $!ran0+ Dr0,# .v#6.v# 6$ [[v.&2[[+ N6$,#v% !#r3$n6$% $2$%$n a!#$r n$9$ & 7r!a4an na $!ran0 a2 4a n6> 9$ .$ #.av %6$.# na .ran8" #-n#.n# #.a 9$ 7ra4nna+ ?*+ Za>va260609 CSS0 %#,0 .$ -$nra 7#4a-n$ 4a .va! 7#6$-n $2$%$n+ #4a-n.!a a .$ -$nra .v#6.v#% [[&a8!,r#0n-8#2#r[[" $ .$ a 4a&r$ .# !a# !#- $ $!.a+ M#=$ .$ !#r. .v#6.v# [[&a8!,r#0n-%a,$[[+ T# .v#6.v# -#4v#26ava !#r3$n6$ n$!$ .2!$ 4a 7#4a-n0+ A!# 6$ .2!a n$-#.07na 2 .$ 6#3 01ava" !a# 7#4a-na 9$ .$ !#r. 7r$>#-n# -$nrana a+ ?*+ S2!a + r%6$r -$nran6a 7#4a-n.!$ $ ??(+ K#r3$n6$% CSSa .va! $2$%$n %#=$ %a %ar,n$+ Mar,na 6$ 7r#.#r 4%$0 n$!#, $2$%$na $2$%$naa #!# n6$,a+ M#,0 .$ -$nra 0 &2# !#6#6 v$21n+ Ta!#$r .$ %#=$ !#r. n$!#2!# .v#6.ava+ N$!a #- n6> .0 [[%ar,n#7[[" [[%ar,n#%[[" -+ ??)+ O- #.a2> .v#6.ava CSSa 6#3 & nav$2 .v#6.v# [[80r.#r[[+ T% .v#6.v#% .$ %#=$ -$nra 4,2$- !0r.#ra !a-a .$ na2a4 na- n$!% $2$%$n#%+ r%6$r8$" a!# =$2%# -a !0r.#r %a #&2! 826n!a" !#r. 9$%# vr6$-n#. [[8r#..>ar[[+ )
??'+ ??*+ ???+ ??+ ??+ ??+ ??+ ??+ ?(+ ?)+ ?'+ ?*+ ??+ ?+ ?+ ?+ ?+ ?+ ?(+ ?)+ ?'+ ?*+ <<, >, AKLJUAK ?+ ?+ Na !ra60 ra-a %#=$ .$ r$9 -a 6$ CSS 4a.20=an 4a #,r#%n0 4%6$n0 .a%#, 4,2$-a -4a6na $& .ran8$ 0 4a-n6> )( ,#-na+ ?+ ?+ U #v#% ra-0 6$ 7r$-.av26$na #.n#va @TML 7r#,ra%ran6a" $ -a %#=$ 7#%#9 0 .>vaan60 $& 7r#,ra%ran6a+ P$& 7r#,ra%ran6$ 0 &0-09n#. %#=$ 7#.a v$#%a 4an%26va" a .# a!# 0n#.na -6$2an#.+ M#ra%# & .v6$.n -a 6$ n$rn$ ,2#&a2na %r$=a" -a!2$ 4 .v#,a 0r$-a" !09$" 2 &2# !#6$, %6$.a %#=$%# !#%0n8ra .a &2# !#6% -6$2#% .v6$a # &r4# 6$-n#.avn#+ Ta!# & na% 4nan6$ 4 $& 7r#,ra%ran6a %#,2# 7#%#9" 6+ .20= 4a 7r#na2a4a! &0-09$,a ra-n#, %6$.a+ Na,2a.%# # -a .$ n7r+ &n0 02#,0 0 #,2a3avan60 vr! n6>#v> 7r#4v#-a %a 07rav# n$rn$ -a .#,a $& -4a6n -#&va .v$ v3$ na va=n#.+ ?+ ?(+ ?)+ ?'+ ?*+ ??+ ?+ ?+ ?+ ?+ ?+ ?(+ ?)+ ?'+ )
?*+ ??+ ?+ ?+ ?+ ?+ ?+ ?(+ ?)+ ?'+ ?*+ ??+ ?+ ?+ ?+ ?+ ?+ ((+ ()+ ('+ (*+ (?+ (+ =, (+ (+ )+ (+ '+ )(+ *+ ))+ ?+
, LITERATURA >7://+.8r&-+8#%/-#8/*)??/@TMLS!r7a >7://7#-08avan6$+8#%/n#r%a!a??/>%2.!r7a/ >7://>r+!7$-a+#r,/!/@TML >7://>r+!7$-a+#r,/!/CSS
)