01 HTML Formatiranje Teksta 1 1

Web dizajn
IV godina
Informatički smer
HTML
HTML – Hypertext Markup Language
Svrha web pretraživača je da čita HTML dokumenta i sastavi
ih u vidljive ili zvučne web stranice
Pretraživač korisniku ne prikazuje oznake, ali ih koristi da bi
protumačio sadržaj stranice
Omogućuje da se koristi semantika kao što su zaglavlja,
paragrafi, liste linkovi, a pored toga i skripte, kao što je
JavaScript.
HTML
HTML
HTML
HTML jezik se sastoji od HTML elementa i teksta
HTML elementi ukazuju www čitaču šta treba da preduzme i
kako treba da prikaže tekst.
 Sastoji se od znaka “manje” (<), koji predstavlja početak naredbe,
sledi tekst koji prestavlja naredbu koja treba da se izvrši i znaka
“veće” (>), koji označava kraj naredbe (npr. <h1>)
 Naredbe obično idu u parovima, odnosno svaka naredba ima svoj
početak (npr. <h1>) i kraj, koji se predstavlja slično, samo je dodat

backslash (/) (npr. </h1>)
 Neke naredbe nemaju para, kao što je <BGSOUND>, ali se mogu
pisati kao <BGSOUND/>

Tekst predstavlja sve ono što je ispisano između početne i
krajnje naredbe, a to mogu biti i slike, video zapis, ...
HTML
<!DOCTYPE>
Svaka strana HTML dokumenta počinje oznakom tipa
dokumenta koja daje instrukcije browser-u u kojoj je verziji
HTML strana pisana
<!DOCTYPE HTML >
Znak ! – navedena naredba je samo komentar
U daljem HTML tekstu postoji određen red kako se pišu
naredbe
Web pretraživač ne pravi razliku između malih i velikih slova
(HTML nije key sensitive) <tag> <TaG> <TAG>
Svaki tag je moguće opisati svim atributima koje podržava
<TAG atribut1 atribut2 atribut3></TAG>
HTML
Izgled prazne strane:
<!DOCTYPE HTML>
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
HTML – osnovni elementi strukture
<HTML> ... </HTML>
Početak i kraj HTML dokumenta
Pre početka može jedino stajati tip dokumenta
Posle kraja dokumenta ne sme stajati ni jedna naredba
Između njih je ostatak dokumenta
<!DOCTYPE HTML >

<HTML >
Ovde se nalazi ostatak dokumenta, celokupan izgled
</HTML>
<HEAD> ... </HEAD>
Početak i kraj zaglavlja
Zaglavlje je skup informacija o dokumentu
Te informacije ne utiču na sadržaj HTML dokumenta, ali daju
važne informacije www čitaču
Unutar njega se mogu nalaziti sledeći tagovi
 <TITLE> ... </TITLE>
 Određuje naslov dokumenta; ispisuje se kao labela na tabu koji
prikazuje sadržaj dokumenta
<HEAD>
<TITLE> Ovo je naslov sranice </TITLE>
</HEAD>
<BODY> ... </BODY>
Početak i kraj tela dokumenta. Sadrži sve HTML elemente
koji kontrolišu izgled strane
<BODY>
Celokupan sadržaj dokumenta ide ovde
</BODY>
 Atributi:
 BACKGROUND – slika kao pozadina dokumenta (URL)
<BODY BACKGROUND=“picture.jpg”></BODY>
 BGCOLOR - kao pozadina se postavlja određena boja (naziv
boje, #rrggbb)
 TEXT - boja celokupnog teksta (naziv boje, #rrggbb)
HTML – formatiranje blokova teksta
<H1> ... </H1>
 Za formatiranje naslova teksta. Postoji 6 nivoa naslova, od kojih je 1.
nivo najviši:
<H1> ... </H1>, <H2> ... </H2>, <H3> ... </H3>,
<H4> ... </H4>, <H5> ... </H5>, <H6> ... </H6>
<H1> Ovo je naslov prvog nivoa </H1>
 Atributi:
 ALIGN – poravnanje, koristi se do HTML4 (left, center, right, justify)
<P> ... </P>

 Specificira da se tekst posmatra kao poseban paragraf (pasus). Čitač
automatski dodaje margine pre i posle teksta paragrafa
<P> Tekst paragrafa </P>
 Atributi:
 ALIGN – poravnanje (left, right, center, justify)
<HR>
 Prikazuje horizontalnu liniju (engleski horizontal rule); koristi se za
odvajanje delova teksta (<HR/>)
 Atributi:
 SIZE – debljina lnije u pikselima (broj)
 WIDTH – širina linije u pikselima ili procentima (broj)
 ALIGN – poravnanje (left, center, right)
 NOSHADE – bez senke
 COLOR – boja (naziv, #rrggbb)

<BR>
 Prelamanje reda. Nova linija se pozicionira kao i ona koju smo
prekinuli. Koristi se npr. kada se kuca tekst pesme (kada nije
potreban veliki razmak između redova kakav tag <P> pravi)
<P>Ružo moja bela <BR/>Al’ si mi crvena... <BR/>Volim te što si plava <BR/>K’o
zelena trava!</P>
<FONT> … </FONT>
 Postavlja veličinu, tip i boju fonta. Ne koristi se u HTML5, potpuno je
prebačen opis na CSS.
 Atributi: (prva 3 do HTML4, ostalo za CSS)
 COLOR – boja (naziv boje, #rrggbb)
 FACE – tip fonta (Arial, Comic Sans MS, ...)
 SIZE – veličina; osnovna veličina je 3, a može biti od 1 do 7 ili se je
navesti u pointima pt (broj od 1 do 7, +broj za relativno određivanje,

broj sa naznakom pt)
 CLASS – ime klase (ime)
 DIR – smer teksta (rtl, ltr)
 ID – jedinstveni ID stil (ime)
 LANG – kod jezika (kod)
 STYLE – vrsta stila (definicija stila)
 TITLE – dodatne informacije o elementu (tekst)

01 HTML Formatiranje Teksta 1 1

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

01 HTML Formatiranje Teksta 1 1

Uploaded by

Copyright:

Available Formats

Web dizajn

početak (npr. <h1>) i kraj, koji se predstavlja slično, samo je dodat

pisati kao <BGSOUND/>

<!DOCTYPE HTML >

<P> ... </P>

 WIDTH – širina linije u pikselima ili procentima (broj)

 ALIGN – poravnanje (left, center, right)

 NOSHADE – bez senke

 COLOR – boja (naziv, #rrggbb)

 FACE – tip fonta (Arial, Comic Sans MS, ...)

 SIZE – veličina; osnovna veličina je 3, a može biti od 1 do 7 ili se je

navesti u pointima pt (broj od 1 do 7, +broj za relativno određivanje,

 DIR – smer teksta (rtl, ltr)

 ID – jedinstveni ID stil (ime)

 LANG – kod jezika (kod)

 STYLE – vrsta stila (definicija stila)

 TITLE – dodatne informacije o elementu (tekst)

You might also like