8/16/2019 prozint v11.doc

1/5

HTML naredbe (tagovi) Značenje

Uvod

komentar 

 

  zaglavlje 

    tijelo dokumenta 

opšti oblik html dokumenta

html dokument tag može da sadrži i ili

argumenti lang dir 

 primjer

    "ello #eb 

   

$ust a small do%ument&

 

glavni element koji sadrži %ijeli dokument

zaglavlje zaglavlje može da sadrži sljede'e tagove

(re)uired* (depre%ated* argumenti profile , U.0 lang dir 

 primjer

 

  :ryology ;ire%tory age =       

unutar zaglavlja definiramo naslov i meta tagove (možemostaviti i podatke o vlasniku autorskih prava identifika%iju autoraili dizajnera strani%e i sl&*

tijelo dokumenta argumenti ba%kground , U.? slike0 bg%olor , @rrggbb A

imeB:oje0 te+t,C@rrggbb A imeB:ojeC link,C@rrggbb AimeB:ojeC alink,C@rrggbb A imeB:ojeC vlink,C@rrggbb AimeB:ojeC onload , s%ript0 onunload , s%ript0 id %lass

style title lang dir 

u tijelu dokumenta stavljamo ono što 'e se pokazati u prozorukorisniDkog bro5sera slika koja 'e se koristiti za ispunjenje pozadine boja CpapiraC na kojem se naDazi sadržaj strani%e boja kojom 'e biti ispisan obiDan tekst boja hipertekstualneveze boja kojom 'e biti ispisana hipertekstualna veza u trenutku

kada korisnik na nju klikne mišem predstavlja boju ve' posje'enih hipertekstualnih veza

ako se varijabli dodjeljuje tekstualna oznaka poput imena datoteke ta vrijednost mora biti obuhva'ena navodni%imakod numeriDkih veliDina navodni%i se izostavljaju

E@de%imalnaBvrijednostBznakaBuBFGBlatinBskupuBsimbola(npr H je E@67I*

EnazivBželjenogBznaka4

(npr E je Eamp4 < je Elt4 > je Egt4neizbrisivi razmak je Enbsp4*

oznake za posebne znakove

neizbrisivi razmak 

argumeni %lear , Cleft A all A right A noneC id %lass style title

 primjer 3his is one line&
3his is the ne+t&

 prelazak u novi redovaj argument je namjenjen poravnanju teksta koji pluta okololinka unutar 5eb strani%e

argumenti align,Cleft A right A %enterC noshade

5idth,Cbroj brojJC %olor,C@rrggbb A imeB:ojeCsize,Cvrijednost u pikselimaC id %lass style title lang dir 

vodoravna linija koja se is%rtava duz strani%e poravnanje uz lijevi rub desni rub ili %entrirano liniju 'e uDiniti potpuno sivom minimalna širina u pikselima ili pro%entima

  6 prozint v6&6

8/16/2019 prozint v11.doc

2/5

 primjer

Ky ;o%ument

& & &

 Laredbe koje se koriste u zaglavlju

naslov strani%e naslov html dokumenta

meta tag koji predstavlja defini%iju kodne strani%e koja se koristiu dokumentu

meta tag za opis strani%e

meta tag za kljuDne rijeDi prema kojima 'e surferi lakše na'i

5eb-strani%e

strani%a uDitana u pretraživaDu 'e svakih + sekundi simultano pritiskati tipku refresh

naredba koja 'e nakon + sekundi otvoriti (povu'i* neki drugihtml dokument

Naredbe koje utiču na strukturu stranice

 Laredbe za promjenu osobina teksta

tekst argumenti %olor id point-size size style 5eight

izbor vrste slova

tekst naredba kojom mjenjamo veliDinu pisma (broj može dobiti

 pozitivnu ili negativnu vrijednost od 6 do O*

tekst

argumenti align,Cleft A right A justify A %enterC

stvaranje odlomka poravnanje uz lijevi rub desni rub oba ruba ili %entrirano

tekst podebljani tekst

tekst tekst tekst tagovi za urePenje teksta redom podebljavanje ukošavanje i pod%rtavanje

tekst tekst tekst tekst tekst tekst

argumenti align,Cleft A right A justify A %enterC

naslovi (postoji I nivoa naslova*

 poravnanje uz lijevi rub desni rub oba ruba ili %entrirano

tekst argumenti %ite

odlom%i 'e biti oznaDeni kao %itati

tekst koristi se kod isti%anja potpisa adresa i drugih informa%ija kojese odnose na autora dokumenta

tekst argumenti %ols 5idth 5rap

nepropor%ijalno pismo (razma%i i prelas%i teksta u novi red bi'ezapamDeni i identiDno prikazani u svakom pretražvaDi*

rijeD ili reDeni%a &&& tekst

rijeD ili reDeni%a koja jeopisana fusnotom bilješke o fusnoti

fusnota

tekst %entriranje teksta ili drugih elemenata

tekst naglašavanje (kosa slova ili pod%rtanl*

tekst jako naglašavanje (podebljana slova*

tekst oznake za %itat (kosa slova*

tekst nepropor%ijonalno pismo

akronim akronimi (FQ R3 R:&&&*

tekst nešto ve'a slova

tekst izbrisani tekst tekst novi tekst ubaDen u stari sadržaj

tekst tekst izmePu znakova navoda (KozillaRirefo+*

tekst pre%rtan tekst (skra'eni%a od *

tekst nešto manje pismo

tekst indeksi i drugi niže ispisan tekst

tekst kod ispisan nekim programskim jezikom

tekst varijabla parametar argument i sliDno

tekst tekst koji korisnik mora utipkati na tipkovni%i

tekst niz znakova kojima se nešto nabraja

 ?iste

  prvi red

  drugi red  &&&  n-ti red

  prvi red

  drugi red  &&&  n-ti red

 pobrojana lista i nepobrojana lista

argumenti

7 prozint v6&6

8/16/2019 prozint v11.doc

3/5

6& za type,C6 A A i A Q A a C  start,CbrojC

%ompa%t7& za type,C%ir%le A s)uare A dis%C  %ompa%t=& za type value

odrePivanje naDina kojim 'e se odbrojati elementi listeomoguDava da navedemo broj s kojim 'e biti oznaDen prvielement liste (drugaDiji od jedini%e*

odrePivanje naDina kojim 'e se odbrojati elementi liste

3abele

&&&

argumenti align,Cleft A right A %enterC  border,broj  %ellpadding,vrijednost

  %ellspa%ing,broj  %ols,n  ba%kgraund bg%olor border%olor border%olorlight border%olordark %lass datapagesize datafld datasr% frameheight id lang language rules style title valign 5idth

defini%ija tabele

argument namjenjen poravnanju elementa po rubutabela se smiješta unutar rešetke predstavlja udaljenost ku'i%e od ruba tabli%e

 predstavlja razmak izmePu pojedinih ku'i%aodrePuje broj redova u tabli%i (ubrzava uDitavanje strani%e*

naslov tabele argumenti align,Cleft A %enter A right A top A bottomC valign

dodavanje naslova tabeli (ovaj tag se piše izmePu tagova i *

&&&

argumenti align ba%kgraund bg%olor border%olor border%olorlight border%olordark %lass id lang languagestyle title valign

otvaranje novog reda

&&& &&& argumenti align bg%olor %har %haroff valign

tagovi koji se pišu izmePu naredbi i a kojiodrePuju zaglavlje i tijelo tabele

&&&

argumenti align,Cleft A %enter A right A justify A %harC

  no5rap  5idth,Cbroj A vrijednostJC  valign,C top A middle A bottom C  ro5span,broj  %olspan,broj

  ba%kgraund bg%olor border%olor border%olorlight border%olordark %lass height id lang language style title

otvaranje nove 'elije (ovi tagovi bi uvijek trebali biti izmePu i *argument namjenjen poravnanju elementa po rubu

iskljuDiti 'e normalno prelamanje reDeni%a u retkuodrePivanje minimalne širine u pikselima ili u odnosu na prozor namjenjen je okomitom poravnanju sadržaja unutar ku'i%a u tabkoristimo u sluDaju da želimo kreirati ku'i%u koja se visinom(ro5span* ili širinom (%olspan* proteže kroz podruDja drugihku'i%a

&&& argumenti align ba%kgraund bg%olor border%olor border%olorlight border%olordark %lass %olspan height idlang language no5rap ro5spa style title valign 5idth

otvaranje nove 'elije koja predstavlja naslov ili oznake (nekihkolona ili redova*

"ipertekstualne veze i slike

tekst argumenti (za * title,CimeC

  a%%esskey %harset %oords datafld datasr% hreflangid methods name rel rev shape tabinde+ target type urn

hipertekstualna vezaime predstavlja naslov koji želite da korisnik vidi

tekst

&&&

tekst

hipertekstualna veza se nalazi unutar istog dokumenta

tekst naredba koju je pametnije koristiti umjesto spomunute naredbe

tekst

tekst hipertekstualna veza na dokument koji se nalazi u istomdirektoriju

tekst hipertekstualna veza na neku odrePenu taDku unutar drugogdokumenta (ime dokumenta je u %iljanom dokumentu oznaDen

argumentom id ili name*

tekst datoteka koju tražimo nalazi se u poddirektoriju direktorija kojisadrži trenutni dokument

uba%ivanje slike koja se nalazi u istom direktoriju u kojem je iuDitan i html dokument

uba%ivanje slike (direktorij se nalazi na istom nivou kao i htmldokument*

argumenti (za * alt,CtekstC

uba%ivanje slike u html dokumenttekst 'e biti prikazan umjesto slike u pretraživaDkom programu stekstualnim korisniDkim okruženjem

  = prozint v6&6

8/16/2019 prozint v11.doc

4/5

  align,Ctop A middle A bottom A left A rightC  hspa%e,broj vspa%e,broj

  border,broj

  5idth,broj height,broj

  usemap,Cneko imeClo5sr%,CimeBslike&ekstenzijaC

  %lass datafld datasr% dynsr% hspa%e id ismaplongdese loop lang language name start style title vspa%e

naDin prikazivanja teksta koji se nalazi oko slike broj piksela za koji 'e slika biti udaljena od teksta koji ga okruž(s lijeve i desne strane odnosno s gornje i donje strane*

odrePuje debljinu okvira za sliku u sluDaju da slika predstavljahipertekstualnu vezuimaju ulogu da utiDu na brzinu i naDin uDitavanja %ijele strani%e(dodjeljuje im se širina i visina slike u pikselima*ime taDke unutar dokumentaargument u tagu gdje navodimo ime datoteke manje ili

lakše verzije orginalne slike& retraživaDki program 'e prvo prikazati sliku koja je dodjeljena argumentu lo5sr% a nakon štose Ditava strani%a uDita pretraživaD 'e se vratiti uDitavanju slikena mjestu gdje je navedena sr% naredba (korisno je kao lo5sr%upotrijebiti %rno-bijelu kopiju orginalne obojene slike koju stedodijelili sr% argumentu*

poslije ove naredbe tekst se ponovo ispisuje po %ijeloj širini

 prozora (u sluDaju da smo koristili align,Cleft A right C u *

&&&

&&&

argumenti 6& za name,Cranije spomenuto imeC

  7& za shape,Cpolyre%t%ir%ledefaultC  %oords

slikovne mape (odrePena podruDja slike predstavljaju link na

neku url addresu*ova naredba se smiješta na kraju html dokumenta

definira podruDje slikovne mapetip geometriskog lika linkakoordinatna podruDja odvojena zarezom

 primjer oblika za poly%oords,C79 9 99 9 79 699C%oords,C79 9 99 9 79 699 79 699C

%oords,C79 9 99 9 79 699 769 689 79 699C

oblik za %ir%le %oords,Cbroja broj7 broj=C broj6 i broj7 odrePuju koordinate %entra kružni%e a broj= je polupreDnik kružni%e

oblik za re%t %oords,CbrojQ broj: broj2 broj;C brojQ je udaljenost lijeve ivi%e linka broj: donje ivi%e linka

 broj2 desne ivi%e linka i broj; gornje ivi%e od poDetka slikeGbras%i

&&& argumenti a%tion,Curl adresa 2T skripte na serveruC ilia%tion,Cmailto emaildomenC  method,Cpost A getC

  a%%ept a%%ept-%harset en%type name target

definiranje obras%aodrePuje šta 'e se dogoditi sa informa%ijama koje je korisnikupisaonamjenjen je odrePivanju naDina na koji 'e se sadržaj obras%a poslati na e-mail adresu ili 2T skriptu

kreiranje polja za unos teksta (name- ime koje je obavezno zasvako polje size- širina tekstualnog polja*

naredba za kreiranje okvira za unos teksta

kreiranje tipke koja ima ulogu da zapoDne slanje sadržaja

obras%a na odredište naznaDeno argumentom a%tion i tometodom navedenom pomo'u argumenta method u naredbi

kreiranje tipke Dija je uloga da sadržaj svih polja u obras%uizbriše

 

8/16/2019 prozint v11.doc

5/5

odabere ovu op%ijuC%he%ked> tekst

  tekst  &&&  tekst

%he%ked- unaprijed odabrani kvadrati'

    tekst  tekst  &&&  tekst 

 padaju'i izborni%i (koristi se*

6& kada se korisniku želi omoguDiti odabir jedne op%ije od više ponuPenih7& kada se korisniku želi omogu'iti izbor više op%ija (u naredbisele%t se navede argument multiple*

argument sele%ted koristimo kod one op%ije za koju želimo daunaprijed bude izabrana

 Leki argumenti koji se nalaze u skoro svim tagovima

Core Attributes:id

%lass

style

title

Internationaliation Attributes:

langdir 

; value uni)ue to this do%ument

Fpa%e-separated list of %lasses useful for sele%ting this elementfor style and other purposes?o%al style information

Qdvisory title typi%ally rendered by a graphi%al bro5ser 5henthe pointer is over the element

?anguage %ode for this elementVs %ontents;ire%tion (ltr or rtl* for the te+t

Ftandardni dogaPaji

on%li%konmousedo5nonmouseover onmouseoutonkeydo5n

ondbl%li%k onmouseuponmousemoveonkeypressonkeyup

ointer button 5as %li%ked - ointer button 5as double %li%kedointer button 5as pressed do5n - ointer button 5as releasedointer 5as moved into - ointer 5as moved 5ithinointer 5as moved a5ay - Mey 5as pressed and releasedMey 5as pressed - Mey 5as released

2FF (2as%ading Ftyle Fheets*%ss- jekzik za opisivanje stilskih elemenata u html dokumentu

tekst

a*        

 b*  

 

6& opis stila mozemo definirati u samom elementu (tagu* kojitreba da upotrijebimo (u ovom sluDaju u pitanju je tag *

ili

7& možemo ga definirati na poDetku dokumenta  a* interno  b* eksterno

imeBdatoteke&%ss 'e sadržavati tagove ili klase sa %ss naredbama

 primjerii Wfont-%olor red4X

&lavaFlova W%olor blue4 font-size 6Ip+4X

definiranje jednakih atributa za sve elemente na nekoj strani%i(sve unutar taga 'e biti %rvene boje*

definiranje klase

tekst

klasu trebamo pozvati ukoliko zelimo da je neki element u html

dokumentu koristidio tksta na koji želimo primjeniti definiranu klasu

.T: kodovi nekih uobiDajenih boja

@99999 @99OR99@OR9999 @99RR99@RR9999 @9999@99999 @99OROR

@99RRRR

@9999 @9999OR@ROOR99 @9999RR@RRRR99 @9999@99999 @OR99OR

@RR99RR

tamno %rvena - srednje zelenasrednje %rvena -svijetlo zelenasvijetlo %rvena - tamno %ijantamno zelena - srednje %ijan

svijetlo %ijan

tamno žuta - srednje plavasrednje žuta - svijetlo plavasvijetlo žuta - tamno ljubiDastatamno plava-srednje ljubiDasta

svijetlo ljubiDasta

  8 prozint v6&6