(Tagovi i kodovi pojasnjenja)

HTML komande se pisu u vidu tzv. tag – ova. Jedan tag je u komanda koja govori nasem browseru sto i kako napraviti tj. na koji nacin prikazati sadrzaj nasih stranice. HTML tagovi su “case insensitive” tj. svejedno je da li ih pisemo malim ili velikim slovima. Tagovi se pisu unutar oznaka “<” i “>” (bez znakova navoda) npr: < html>. Ovaj tag se nalazi na pocetku svakog HTML dokumenta i on govori nasem browseru da je datoteka koju je upravo poÄceo ucitavati baÅ¡ HTML dokument i da kao takvog treba i prikazati. Na kraj HTML dokumenta se stavlja zavrsni HTML tag:</html>. Ovaj tag govori browseru da je to kraj naseg HTML dokumenta. Vecina tagova ima i pocetni i zavrsni tag. Zavrsni tag se dobiva dodavanjem znaka “/” i oznacava mjesto na kojem prestaje djelovanje pocetnog taga.
Postoje i tagovi kod kojih ne moramo stavljati zavrsni tag kao sto je recimo tag < br > koji sluzi za prelazak u novi red (o ovom tagu cemo govoriti kasnije u dijelu o formatiranju teksta).

Svaki HTML dokument se sastoji od dva dijela: zaglavlja (engl. head) i tijela (engl. body). Zaglavlje se odvaja tagovima < head > i < /head >, a tijelo dokumenta tagovima: < body > i < /body >. Sve ono sto napisemo u zaglavlju dokumenta nece se prikazati u prozoru browsera vec obicno sluzi samo da pruzi neke informacije o nasoj stranici.

Tako cemo u okviru naseg zaglavlja svakako staviti tagove: < title > i < /title > izmedju kojih cemo staviti naslov nase stranice. To nije naslov koji ce se pojaviti u tijelu nase stranice vec onaj naslov koji se pojavljuje u naslovnoj liniji browsera. Pogledajmo naslovnu liniju naseg browsera – ispred imena browsera
vidjet cemo da pise: “Uvod u HTML”. To je zato sto smo u zaglavlju ovog dokumenta napisli:

< title >Uvod u HTML< /title >

S druge strane sve ono sto napisemo izmedju tagova i < /body> predstavljat ce tijelo naseg dokumenta i pojavit ce se kao sadrzaj nase web stranice u prozoru browsera (kao sto je tekst koji upravo citamo).

Dakle, svaki HTML dokument mora imati slijedecu strukturu:

< html>
< head>

< title >Ovdje stavimo naziv nase Web stranice < /title>

< /head >

< body >

Ovdje smestamo sadrzaj koji ce da bude vidljiv na nasoj stranici,dal bio text ili slike itd.

< /body >

< /html >

Sad je vrijeme da napravimo prvu web stranicu. Otvorimo novi dokument u Notepad-u i upisimo gornju strukturu HTML dokumenta u kojem cemo staviti naslov po zelji (npr. nase osobno ime), a izmedju body tagova stavimo neki tekst (npr. “Moja prva Web stranica”):

< html >

< head >

< title > Moja Stranica< /title >

< / head >

< body >

Moj prva Web stranica
online

< /body >
< /html >

Sad snimimo ovaj dokument. U File – Save as dijalog prozoru prvo odaberemo folder u kojem cemo usnimiti nasu Web stranicu. U polje File name upisimo ime nase prve stranice, a kao ekstenziju otkucajmo .htm ili .html (npr. “prva.htm”).
U padajucoj listi Save as type odaberimo All Files. Stisnite OK i naš prvi Home page je spreman da ga otvorimo u nasem web browseru.
Ako smo sve ispravno napravili u naslovnici našeg web browsera bi trebalo stajati: Moja Stranica, a u prozoru browsera bi trebali vidjeti tekst: Moja prva Web stranica online