Uvod u HTML Zoltan Geller zoltang@ff.uns.ac.rs 2017 Uvod u veb dizajn Uvod u HTML Zoltan Geller zoltang@ff.uns.ac.rs 2017
Sadržaj Potrebni alati Osnovni pojmovi Osnovne oznake i osobine Liste
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
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
Potrebni alati - Notepad++ - https://notepad-plus-plus.org Notepad++ Language ↓ H HTML Notepad++ 7z package download
Sadržaj Potrebni alati Osnovni pojmovi Osnovne oznake i osobine Liste
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
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
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
Sadržaj Potrebni alati Osnovni pojmovi Osnovne oznake i osobine Liste
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
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
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
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 <sub> … </sub> Indeks <sup> … </sup> Eksponent
Sadržaj Potrebni alati Osnovni pojmovi Osnovne oznake i osobine Liste
Liste - Nenumerisana lista - asimov.html POČETAK LISTE ELEMENTI LISTE KRAJ LISTE
Liste - Numerisana lista - asimov.html
Liste - Definiciona (opisna) lista - asimov.html POČETAK LISTE PRVI IZRAZ DEFINICIJA PRVOG IZRAZA DRUGI IZRAZ DEFINICIJA DRUGOG IZRAZA KRAJ LISTE
Zadatak - Kombinacija oznaka - asimov.html
Uvod u HTML Zoltan Geller zoltang@ff.uns.ac.rs 2017 Uvod u veb dizajn Uvod u HTML Zoltan Geller zoltang@ff.uns.ac.rs 2017