Mogućnosti HTML-a
Struktura HTML dokumenta
Jedan od načina izrade mrežne stranice je upisivanjem HTML kôda u programu za uređivanje teksta (Blok za pisanje, Word).
HTML (HyperText Markup Language) je jezik za izradu mrežnih stranica. Svaki HTML dokument sastoji se od različitih HTML elemenata koji se nazivaju oznake. Oznake govore mrežnom pregledniku kako će mrežna stranica izgledati i što će sadržavati.
Većina elemenata ima početnu i završnu oznaku koje se pišu unutar šiljastih zagrada, npr. <HTML>. Završna oznaka ispred naziva ima oznaku /, npr. </HTML>.
Svaka stranica započinje oznakom <HTML> koja označava početak HTML dokumenta. Na kraj dokumenta se stavlja oznaka </HTML>. Unutar <HTML> oznaka nalaze se oznake <HEAD> i <BODY> koje označavaju zaglavlje i tijelo stranice.
Oznake za uređivanje teksta
|
OZNAKA |
OPIS |
|
<B> </B> |
Podebljani tekst |
|
<I> </I> |
Ukošeni tekst |
|
<U> </U> |
Podcrtani tekst |
|
<H1> </H1> |
Naslov – ispisuje tekst velikom veličinom fonta |
|
<H2> </H2>… <H6> </H6> |
Podnaslov – ispisuje tekst manjom veličinom fonta |
|
<P> </P> |
Odlomak |
|
<BR> |
Novi red |
|
<OL> </OL> |
Numerirani popis |
|
<LI> </LI> |
Element popisa |
|
<FONT> </FONT> |
Font, veličina i boja teksta |
Uz oznaku <FONT> potrebno je navesti atribute kojima ćemo odrediti veličinu, vrstu, boju teksta. Atributi se pišu unutar oznake, a odvojeni su razmakom. Npr. ako želimo napisati plavi tekst fontom Arial i veličine 20 napisat ćemo:
<FONT color=“blue“ face=“Arial“ size=“20“>Pozdrav!</FONT>
Oznake za umetanje poveznice
Poveznica se u HTML dokument dodaje oznakom <A> unutar koje se navodi atribut href iza kojeg se upisuje URL adresa mrežne stranice.
Ako u HTML dokumentu napišemo
<A href="http://www.skole.hr/"> Posjetite portal za škole</A>
u pregledniku će se ispisati tekst Posjetite portal za škole koji je poveznica na URL adresu www.skole.hr.
Oznake za umetanje slike
Oznaka za umetanje slike je <IMG>. Unutar oznake navodi se atribut src koji sadržava putanju do datoteke slike. Putanja završava punim nazivom slike uključujući i datotečni nastavak. Dodatno se mogu navesti atributi za veličinu slike u pikselima, visina (height) i širina (width).
Primjerice
<IMG src=“crtez.jpg“ height=150 width=100>
će u pregledniku prikazati sliku crtez.jpg veličine 150x100 piksela koja se nalazi u istoj mapi kao i HTML dokument.
Oznake multimedijskih sadržaja
Multimedijski sadržaji na stranici mogu biti zvuk, glazba, videozapis, film i animacija. Za svaki od tih sadržaja mogu se upotrebljavati različiti formati zapisa.
Umetanje videozapisa započinjemo oznakom <VIDEO>. Nakon nje navodi se oznaka <SOURCE> unutar koje se navodi atribut src koji sadrži putanju do videozapisa. Unutar oznake <VIDEO> može se postaviti atribut controls koji će omogućiti pokretanje i zaustavljanje videozapisa.
Oznaka za umetanje audiozapisa je <AUDIO>. Kao i kod videozapisa, unutar oznake <SOURCE> trebamo napisati putanju do audiozapisa koji želimo umetnuti.
<AUDIO controls>
<SOURCE src=“zvuk.mp3“>
</AUDIO>