OSNOVNA HTML SINTAKSA
Pogledajte

Naslovi
Stilovi teksta
Komentar i vodoravna linija

Desetminutni vodić kroz HTML (na engleskom jeziku)


Što je HTML?

HTML - HyperText Markup Language je jezik za izradu stranica na Internetu. Svaka stranica koju gledamo u našem pregledniku (Internet Exploreru ili drugom) opisana je pomoću HTML-a. Zapravo, dok je gledamo, naš preglednik čita HTML i pretvara stranicu u oblik koji je zamislio autor stranice.

Trebam li poznavati HTML da bih mogao izraditi stranice?

Odgovor je i da i ne. Danas postoje programi koji će vam omogućiti izradu stranica bez da ste i pogledali HTML. No, ipak je dobro znati osnovne stvari. Ako izrađujete svoje prve stranice i nemate baš vremena, nemojte se mučiti HTML-om. Uzmite FrontPage Express i počnite.

Što je W3?

Međunarodna organizacija koja propisuje standarde vezane uz Internet pa i uz HTML. Trenutno je kako standard prihvaćen HTML 4.01. Kako se razvija pojedina Internet tehnologija tako se i mijenja (prihvaća) standard.

 

Oni koji žele znati više mogu pročitati tekst koji slijedi.

OSNOVNA HTML SINTAKSA


Svaki HTML dokument podijeljen je na dva dijela: zaglavlje i tijelo.

Zaglavlje sadrži informacije o dokumentu dok se tijelo sastoji od teksta i drugih elemenata koji sačinjavaju Web stranicu. Za označavanje zaglavlja koristi se HTML oznaka <HEAD>, a tijela <BODY>.

Najmanji HTML dokument:

<HTML>

<HEAD></HEAD>

<BODY> Tekst od kojeg se sastoji dokument

</BODY>

<HTML>

Naredbe (oznake) HTML-a mogu biti smještene bilo gdje u dokumentu, odnosno ne moraju biti svaka u svom retku.

Gornji dokument može se zapisati i ovako:

<HTML><HEAD></HEAD><BODY> Tekst od kojeg se sastoji dokument itd.

Ovakav način zapisivanja HTML-a je jako nepregledan i treba ga izbjegavati.

Najosnovniji element koji se može staviti u zaglavlje dokumenta je naslov. Za tu namjenu koristi se nalog <TITLE>.

Naslov se osim na samoj stranici prikazuje i u pretraživačkom programu (npr. u CROSS-u, Altavisti itd.) pa ga je potrebno pažljivo odabrati.

Ako se ne navede naslov dokumenta u pretrživaču će se ispisati naziv datoteke koja sadrži stranu npr. Autor.html

Dokument:

<HTML>

<HEAD><TITLE> Naslov dokumenta </ TITLE>

</HEAD>

<BODY> Tekst od kojeg se sastoji dokument

</BODY>

<HTML>

NASLOVI

HTML podržava šest razina naslova koje se razlikuju po veličini.

Oznake naslova su: <H1>,<H2>, <H3>, <H4>, <H5> i <H6>

<H1> najviša je razina naslova i obično se koristi na početku dokumenta.

 

Dokument s naslovima:

<HTML>

<HEAD><TITLE> Razine naslova</ TITLE>

</HEAD>

<BODY>

<H1> Razina naslova 1</H1>

Prvi blok teksta

<H2> Razina naslova 2 </H2>

Drugi blok teksta

</BODY>

<HTML>

Naslovi bi se trebali koristit hijerarhijskim redoslijedom ( od najvećeg prema najmanjem). ne preporuča se preskakanje razina naslova.

 

 

 

STILOVI TEKSTA

Najvažnija osobina grafičkog izgleda bilo kojeg dokumenta je uporaba različitih pisama i stilova koji omogućavaju jednostavnije praćenje dokumenta.

Stilovi:

Stil HTML

Izgled

kosa slova <I> kosa slova
masna slova <B> masna slova
podcrtana slova <U> podcrtana slova
jednolika slova <TT> ( kao nekada )
centrirani tekst <CENTER>

centrirani tekst

razdvajanje odlomaka <P>

KOMENTAR I VODORAVNA LINIJA

Komentar služi autoru strane za lakše snalaženje.

Ne prikazuje se prigodom pregleda strane (samo u HTML-u)

Komentar se označava oznakom: <! ovo je komentar ->

Vodoravna linija daje vizualan efekt Web strani i čini ga preglednijim i urednijim.

Označava se oznakom: <HR> (engl. Horizontal rule)

Dodavanjem ove oznake u dokument nacrtati će se tanka vodoravna linija preko cijele strane.

Dodatno se vodoravna linija može odrediti argumentima: SIZE, WIDTH, ALIGN i SHADE.

SIZE - određivanje vodoravne linije u pikselima

<HR SIZE =1 > - crtanje vod. linije debljine jednog piksela

WIDTH - određivanje duljine vodoravne linije. Duljina linije može se navesti u pikselima ili u postotku širine prozora.

<HR WIDTH =50% > - crta vod. liniju širine polovice prozora

 

ALIGN - određivanje mjesta gdje će se crtati linija (LEFT-lijevo, RIGHT - desno i CENTER - u sredini).

 

NOSHADE - crta liniju bez sjene

<HTML>

<HEAD><TITLE> Razine naslova, linije </ TITLE>

</HEAD>

<BODY>

<CENTER>

<H1> Razina naslova 1</H1>

Najveća linija

<HR SIZE=4 WIDTH = 100%>

<H2> Razina naslova 2 </H2>

Po polovici prozora, bez sjene

<HR SIZE=3 WIDTH = 50% NOSHADE>

</CENTER>

</BODY>

<HTML>