2013-11-21 08_31-html i css - seminarski rad

7/26/2019 2013-11-21 08_31-HTML i Css - Seminarski Rad

1/21

SVEUILITE/UNIVERZITET VITEZ U VITEZUFAKULTET POSLOVNE INFORMATIKE

STUDIJ I CIKLUSA; GODINA STUDIJA: I CIKLUS; II GODINA

SMJER: INFORMACIONE TEHNOLOGIJE

HTML I CSS

SEMINARSKI RAD

Travn!" N#v$%&ar" '()*+,#-n$SVEUILITE/UNIVERZITET VITEZ U VITEZU


2/21

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 V$4 0 V$40" In-$5 &r#6:#-,#v#rn# 04 %#ra2n0 a!a-$%.!0 #-,#v#rn#. 46av2606$% -a .a% #va6 ra- 4ra-#7#70n# .a%#.a2n# 04 !#r3$n6$ 8ran$ 2$ra0r$ 7#%#9 7r#$.#ra+

#7. .0-$na:


3/21

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+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++)?

+ ZAKLJUAK+ LITERATURA++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++)


4/21

1, UVOD'+2, 1,1 Pr"&l$m3 4r$dm$' i "&*$5a' i!'ra6i#an*a?++ HTML6$ !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+ @TML6$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 a%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$ 00r$$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>$$.+ CSS6$ 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 na1n7r$-.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 na7rv#% 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$+

'+

)


5/21

'+ 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$ .00%$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,$+(+

'


6/21

)+ 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+)+'+

*


7/21

*+

?++ 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*+

?


8/21

?++ 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:


9/21

)(+ ))(+ 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: 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


10/21

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>


11/21

'()+ --ra6$ #- ')+ %ara -# ')+ 60na+'('+'(*+ -L6$#:'(?+ --ra6$ #- ')+ 60na -# ')+ .$7$%&ra+'(+

'(+ -J$.$n:'(+ --ra6$ #- ')+ .$7$%&ra -# ')+ -$8$%&ra+'(+'(+ -Z%a:')(+ --ra6$ #- ')+ -$8$%&ra -# ')+ %ara+'))+')'+ /-2')*+')?+:1,


12/21

'?(+ 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+

'?)+'?'+'?*+

:$a-'?+ 2$r$!- 2n6a/2$'+ />$a-'+ -'+ Ov# 6$ 7rva 2n6a&r /'+ Ov# 6$ -r0,a 2n6a &r /

'+ /-'(+ />%2')+

''+


13/21

'*+'?+ 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#6a2n6$ .$ %#=$ 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" avr6$-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 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.02#!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$+*'*+

))


15/21

*'?+ 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%+

)'


16/21

*(+*)+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$*+*+


17/21

?(*+ 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# .0v$2!a .v$0123a" vr!$ .r01n6a8 7#70 M8r#.#a 2 N$.8a7$a+

.0 4a&rana -va+ Ta -va 9$ !a.n6$ 7#.a $%$26 4aCSS+ rv #- n6> 6$ [[Ca.8a-n, @TML S2$ S>$$. BC@SS+ r$-2#=# ,a 6$ @a!#nP0% 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>#vra4v#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$%%a4 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# .ara4v#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=anCSS+

?)'+


18/21

?)+?)+ 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$!#r7r%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.$

)


19/21

?'+ 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-na9$ .$ !#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%$0n$!#, $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[[+

)


20/21

??'+

??*+???+??+

??+??+??+??+?(+?)+?'+?*+??+?+?+

?+?+?+?(+?)+?'+?*+ )( ,#-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$#%a4an%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#.+

?+

?(+?)+?'+?*+??+?+?+?+?+?+?(+

?)+?'+

)


21/21

?*+??+?+?+?+

?+?+?(+?)+?'+?*+??+?+?+?+?+

?+((+()+('+(*+(?+(+=, , 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

)
http://www.scribd.com/doc/76375144/HTML-Skriptahttp://poducavanje.com/informatika-44/html-skripta/http://hr.wikipedia.org/wiki/HTMLhttp://hr.wikipedia.org/wiki/CSShttp://www.scribd.com/doc/76375144/HTML-Skriptahttp://poducavanje.com/informatika-44/html-skripta/http://hr.wikipedia.org/wiki/HTMLhttp://hr.wikipedia.org/wiki/CSS

2013-11-21 08_31-html i css - seminarski rad

Documents