UVOD U HTML |
ŠTO JE HTML?
Sustav koji nam pomaže pri pronalaženju podataka na Internetu zove se World Wide Web (skraćeno: Web, WWW ili W3).
Svaki dokument koji vidimo na Webu napisan je u programskom jeziku zvanom HyperText Markup Language (skraćeno: HTML).
Obzirom da je HTML jednostavan jezik, mi ćemo se ovdje pozabaviti izradom HTML dokumenata pisanjem izvornog koda, što će nas uvesti u samu bit izrade HTML stranica i svrstati u red istinskih poznavatelja HTML-a.
ŠTO JE POTREBNO ZA IZRADU HTML DOKUMENTA?
Za izradu HTML dokumenta potrebno je imati instalirane slijedeće programe:
- browser za pregled HTML dokumenta (npr. Internet Explorer, Netscape...) u kojem upravo i čitate ovaj sadržaj!
- najobičniji tekst editor za izradu HTML dokumenta (npr. Notepad, ali je bolji program "Arachnophilia" sa CD-a PC-Chip 10/98).
KAKO OZNAČAVAMO HTML DOKUMENTE?
Svaki HTML dokument ima svoje ime kojem je pridružena extenzija .htm ili .html, koje možete vidjeti u "Address" okviru vašeg browsera.
Potražite odmah "Address" okvir u vašem browseru i pogledajte kako se zove ovaj dokument. (Treba pisati: ds-tema0.htm).
KAKO VIDJETI IZVORNI KOD HTML DOKUMENTA?
Nakon što u browseru vidite sadržaj nekog HTML dokumenta (na primjer, upravo ovoga koji čitate!), do njegovog izvornog koda možete doći na dva načina:
1. - tako da u browseru kliknete desnom tipkom miša i izaberete opciju "View Source", nakon čega će se otvoriti izvorni kod tog dokumenta.
POZOR: Gornje vrijedi samo za Internet Explorer!
Ako koristite Netscape Communicator, tada bi gornjim postupkom mogli samo pregledati izvorni kod ali ga ne bi mogli i prepravljati. Zato u Netscape Communicatoru morate izabrati slijedeće opcije u njegovom izborniku:
Communicator -> Composer
Edit -> HTML Source
(sada možete ispraviti izvorni kod) a kada završite, izaberite slijedeće opcije u postojećem izborniku:
Communicator -> Navigator
2. - tako da otvorite svoj tekst editor (npr. Notepad) i pomoću opcije "File" -> "Open" ... pronađete i otvorite .html dokument koji želite.
Pokušajte to odmah na ovom dokumentu. Kada vam uspije, nemojte ništa mijenjati da ne uništite ovaj dokument, već zatvorite Notepad.
Neka vas ne zbune nerazumljivi kodovi - to je taj HTML jezik - koji će vam uskoro postati jasan...
KAKO VIDJETI IZMJENE KOJE SMO NAPRAVILI U IZVORNOM KODU HTML DOKUMENTA?
Nakon što ste u svom tekst editoru (npr. Notepadu) napravili izmjene .html dokumenta, potrebno je da ih spremite pomoću opcije "File" -> "Save"
Zatim prijeđite na svoj browser (npr. Internet Explorer, Netscape...) u kojem je učitan taj isti .html dokument i kliknite na opciju "Refresh".
Ako je sve u redu, vidjet ćete izmjene koje ste napravili.
Ako izmjene ne vidite, možda ste pogriješili prilikom pisanja izvornog koda.
Vodite računa da HTML, ako naiđe na pogrešnu naredbu u izvornom kodu, ne daje poruku o pogreški već je jednostavno ignorira!
OSNOVNA STRUKTURA HTML DOKUMENTA:
Dakle, svojim HTML dokumentima uvijek dodijelite extenziju .html (na primjer: proba1.html ili proba1.htm).
Nadalje, kada u tekst editoru počnete pisati svoj HTML dokument, morate poštovati određena pravila.
Kao prvo, sve HTML naredbe moraju se nalaziti unutar oznaka < ... >
Sve što se napiše unutar tih oznaka neće biti vidljivo u browseru već će biti tretirano kao naredba HTML-a.
Sve što se nalazi izvan tih oznaka (npr: <B>ovo je tekst koji će se vidjeti podebljano</B>) bit će vidljivo u browseru.
Većina naredbi ima oznaku za svoj početak i oznaku za svoj kraj. Oznaka za kraj je uvijek znak "/".
Na primjer: <I> je oznaka za početak ukošenih slova a </I> je oznaka za kraj ukošenih slova.
Stoga, sve što upište između te dvije naredbe bit će u browseru vidljivo kao ukošeni ispis...
Naredbe možete i kombinirati. Na primjer:
<B><I>ovo će biti ispisano i podebljano i ukošeno</I></B>
... s tim da oznake za kraj stavljate obrnutim redom u odnosu na redoslijed otvaranja.
Kao drugo, svaki HTML dokument mora imati određenu strukturu:
- oznaku početka <HTML> i oznaku kraja </HTML>,
- zaglavlje <HEAD> </HEAD> unutar kojeg upisujemo opće definicije (koje nisu neophodne)
- tijelo <BODY> </BODY> unutar kojeg upisujemo sve ono što želimo da se vidi u browseru.
Evo primjera s objašnjenjem (crvenom bojom označene su naredbe HTML jezika):
Izvorni kod HTML dokumenta
(vidljiv u Notepadu)Objašnjenje Rezultat koji vidimo u browseru <HTML>
<HEAD>
<TITLE>Moj prvi HTML dokument</TITLE>
</HEAD>
<BODY>
Prvi red teksta u mom dokumentu...<BR>
Drugi red teksta u dokumentu...
</BODY>
</HTML>oznaka početka HTML dokumenta
oznaka početka zaglavlja
određivanje naziva dokumenta
oznaka kraja zaglavlja
oznaka početka tijela
tekst koji će biti vidljiv u browseru
(<BR> je naredba za prekid reda)
oznaka kraja tijela
oznaka kraja HTML dokumenta
Moj prvi HTML dokument
Prvi red teksta u mom dokumentu...
Drugi red teksta u dokumentu...
Obzirom da svaki HTML dokument ima istu strukturu (koju vidite u prvoj koloni gornje tablice), izradu novih HTML dokumenata možete si olakšati tako da tu strukturu spremite pod nekim nazivom (npr. blank.htm).
Zatim, kada trebate izraditi novi HTML dokument, prvo u tekst editor učitate taj blank.htm pa ga onda opcijom "File" -> "Save As..." preimenujete u željeno ime i nastavite raditi u njemu. Time izbjegavate stalni upis istih naredbi.
U prilogu ovog dokumenta nalazi se datoteka ds-blank.htm koju možete koristiti u te svrhe!.
I još nešto. Naredbe HTML-a možete pisati i velikim i malim slovima. Tu nema ograničenja.
Međutim, bilo bi dobro da ih uvijek pišete velikim slovima kako bi ih lakše razlikovali od ostalog sadržaja.
A sada, vrijeme je za prvu temu: OSNOVE HTML-a
Obrada i web: damir.tomsicbj.hinet.hr