HTML Tutor
Lekcija 1
Lekcija 2
Lekcija 3
Lekcija 4
Lekcija 5
Lekcija 6
Lekcija 7
iDragstor Lab
|
|
|
HTML Tegovi
Da obnovimo malo
Kao sto se videli u predhodnoj lekciji, HTML je skup instrukcija browser-u koje definisu kako treba da izgleda odredjena web prezentacija. HTML fajlovi imaju html ili htm ekstenziju kao sto su Lekcija2.html ili Lekcija2.htm.
<> HTML-TAG (ili teg po Vuku)
Ako ste ikad videli bilo koji HTML kod onda ste verovatno zapazili <>(manje ili vece znak) oko odredjenih reci. Te reci zajedno sa znacima <> se zovu HTML tegovi ili prosto tegovi. Oni predstavljaju osnovne blokove HTML koda. Pa onda da predjemo vise na te tegove:
<B>
Tegovi skoro uvek imaju pocetak-teg kao ovaj odozgore i kraj-teg kao ovaj dole:
</B>
Kao sto vidite jedina razlika je sto kraj-teg ima / crticu i po tome znate da je kraj tega.
Ako stavite neki tekst izmedju <B> i </B> onda ce taj tekst biti jace boje nego ostatak
Ovo je normalan tekst
<B>Ovo je pojacan tekst</B>
Jos nekoliko primera:
<BIG>Velika Slova</BIG>
<SMALL>Mala Slova</SMALL>
<U>Podvucena Slova</u>
Delovi Web Stranice
Svaka Web stranica ima dva dela:
<HEAD> </HEAD> Glava
Stranica obicno pocinje sa ovim tegom. U glavi stranice obicno stavite njen naslov-teg <TITLE> </TITLE>. Nakon glave sledi telo.
<BODY> </BODY> Telo
U telu ide sve sto vidite na web stranicama, tekst, slicice i veze (linkovi) na ostale stranice.
Pored ova dva obavezna dela postoji jos jedna stvar koju ne smete zaboraviti i koja mora biti prisutna da bi browser desifrovao vas HTML kod a to je HTML teg:
<HTML> </HTML>
Sada ste spremni da napravite vasu prvu stranicu.
Kostur Stranice
<HTML>
<HEAD>
<TITLE>Moja Prva Web Stranica</TITLE>
</HEAD>
<BODY>
Poceli ste da pisete <B>HTML</B> kod.
</BODY>
</HTML>
Nas primer ima HTML teg da ukaze browser-u da se radi o web stranici, HEAD teg sa naslovom TITLE i BODY teg sa sadrzajem. Ako zelite da vidite kako ovo sve izgleda u stvarnosti ucinite sledece:
Prvo prekopirajte kod odozgore (Copy) u novi text fajl. Otvorite Notepad(Start/Programs/Accessories/Notepad na vasem kopjuteru) i prekopirajte kod (Paste). Snimte (save as) novi fajl negde na hard drajvu pod imenom MojaWebStranica.html. Ne zaboravite .html inace nece da vam radi. Kada ste gotovi sa snimanjem fajla, otvorite fajl uz pomoc browser-a. Najbolje je ako imate Internet Explorer ili Netscape. Na Internet Exploreru bi ste isli u File/Open/Browse do html fajla i to je sve, napravili ste vas prvi HTML kod.
Drugi nacin je da posetite nasu HTML laboratoriju i koriscenjem iste tehnike kopiranja (copy & paste) koda u prozor koji cete pronaci u laboratoriji(copy & paste) postignete isti efekat. Kladim se da ce vam se ovo vise svidjati ali ipak pokusajte da uradite stvari i na prvi nacin. Daklem, bez varanja !
Jos jedna stvar za ubuduce. Sve primere koje budemo radili mozete da snimite u zajednicki DIREKTORIJUM, dajte mu neko zvucno ime kao HTML-:) i zapamtite da stavite .html ili htm ekstensiju. Sad mozete opet da se malo odmorite.
|
|
|
