1. Uvod u HTML Zoltan Geller zoltang@ff.uns.ac.rs 2017
Uvod u veb dizajn
Uvod u HTML
Zoltan Geller
2017

2. Sadržaj
Potrebni alati
Osnovni pojmovi
Osnovne oznake i osobine
Liste

3. Potrebni alati - Kompresovanje fajlova i foldera -
POMOĆU NAMENSKIH PROGRAMA:
WinZip
WinRAR
7zip
...
KAKO SE KOMPRESUJE POMOĆU PROGRAMA 7zip?
SELEKTUJTE FAJLOVE
BIRAJTE NAREDBU 7zip IZ PRIRUČNOG MENIJA
BIRAJTE STAVKU Add to archive...
U POLJE Name UPIŠITE IME ARHIVE

4. Potrebni alati - Dekompresovanje fajlova i foldera -
KAKO SE DEKOMPRESUJE POMOĆU PROGRAMA 7zip?
Extract to
Extract Here
Extract files...
SELEKTUJTE ARHIVU
BIRAJTE NAREDBU 7zip IZ PRIRUČNOG MENIJA
BIRAJTE NEKU OD SLEDEĆIH STAVKI:
NAREDBA
REZULTAT
Extract files...
Možete birati folder gde će arhiva biti raspakovana.
Extract Here
Arhiva će biti raspakovana u folder gde se nalaz i arhiva.
Extract to
Arhiva će biti raspakovana u podfolder koji će se zvati isto tako kako se zove arhiva.
NAREDBA
REZULTAT

5. Potrebni alati - Notepad++ -
Notepad++
Language ↓ H
HTML
Notepad++ 7z package
download

6. Sadržaj
Potrebni alati
Osnovni pojmovi
Osnovne oznake i osobine
Liste

7. Osnovni pojmovi - HTML -
sablon.html
ŠTA JE HTML (HyperText Markup Language)?
JEZIK ZA OZNAČAVANJE HIPERTEKSTA –
JEZIK KOJI SE KORISTI ZA PRAVLJENJE WEB STRANICA
JEZIK ZA OZNAČAVANJE
VRSTA DOKUMENTA: HTML
POČETAK DOKUMENTA
GLAVA DOKUMENTA
ŠTA JE HIPERTEKST (Hypertext)?
DOKUMENT KOJI SADRŽI VEZE (HIPERLINKOVE) PREMA DRUGIM DOKUMENTIMA
TELO DOKUMENTA
ŠTA JE JEZIK ZA OZNAČAVANJE?
SISTEM OZNAKA (TAG) ZA OBELEŽAVANJE DELOVA DOKUMENATA
KRAJ DOKUMENTA

8. Osnovni pojmovi - Osobine -
sablon.html
OZNAKE (TAGOVI) SE NE PRIKAZUJU
NE PRAVI SE RAZLIKA IZMEĐU MALIH I VELIKIH SLOVA (PREPORUČUJE SE KORIŠĆENJE MALIH SLOVA)
NIZ RAZMAKA ZAMENJUJE SE SA JEDNIM RAZMAKOM

9. Osnovni pojmovi - HTML elementi -
sablon.html
POČETNA OZNAKA
OZNAČEN SADRŽAJ
ZAVRŠNA OZNAKA
IME OSOBINE: class
VREDNOST OSOBINE: info
(IZMEĐU DVOSTRUKIH NAVODNIKA)
HTML ELEMENTI MOGU IMATI I VIŠE OSOBINA,
RAZDVAJAJU SE RAZMAKOM

10. Sadržaj
Potrebni alati
Osnovni pojmovi
Osnovne oznake i osobine
Liste

11. Osnovne oznake i osobine - Naslovi -
asimov.html
HTML element
VRSTA
<h1> … </h1>
Naslov prvog nivoa
<h2> … </h2>
Naslov drugog nivoa
<h3> … </h3>
Naslov trećeg nivoa
<h4> … </h4>
Naslov četvrtog nivoa
<h5> … </h5>
Naslov petog nivoa
<h6> … </h6>
Naslov šestog nivoa

12. Osnovne oznake i osobine - Metapodaci -
asimov.html
METAPODACI OPISUJU WEB STRANICE I KORISTE SE ZA OPTIMIZACIJU PRETRAŽIVANJA WEB-A
NAVODE SE U OKVIRU GLAVE DOKUMENTA
DOKUMENT KORISTI Unicode (UTF-8) SKUP ZNAKOVA

13. Osnovne oznake i osobine - Jezik sadržaja -
asimov.html
JEZIK SADRŽAJA NEKOG ELEMENTA ODREĐUJE OSOBINA
lang
POMAŽE PRETRAŽIVAČIMA WEBA (search engine) I
WEB PREGLEDAČIMA (web browser)
JEZIK DOKUMENTA JE SRPSKI (sr)
JEZIK NASLOVA JE
ENGLESKI (en)
PRIMERI JEZIKA: en, sr, hu, de, ja

14. Osnovne oznake i osobine - Naglašavanje delova teksta -
asimov.html
INDEKS
EKSPONENT
MANJA SLOVA
MARKIRAN
ISKRIVLJEN
PODEBLJAN
HTML element
FUNKCIJA
<b> … </b>
Podebljan tekst
<i> … </i>
Iskrivljen tekst
<mark> … </mark>
Markiran tekst
<small> … </small>
Manja slova
_…
Indeks
^…
Eksponent

15. Sadržaj
Potrebni alati
Osnovni pojmovi
Osnovne oznake i osobine
Liste

16. Liste - Nenumerisana lista -
asimov.html
POČETAK LISTE
ELEMENTI
LISTE
KRAJ LISTE

17. Liste - Numerisana lista -
asimov.html

18. Liste - Definiciona (opisna) lista -
asimov.html
POČETAK LISTE
PRVI IZRAZ
DEFINICIJA PRVOG IZRAZA
DRUGI IZRAZ
DEFINICIJA DRUGOG IZRAZA
KRAJ LISTE

19. Zadatak - Kombinacija oznaka -
asimov.html

20. Uvod u HTML Zoltan Geller zoltang@ff.uns.ac.rs 2017
Uvod u veb dizajn
Uvod u HTML
Zoltan Geller
2017