You are on page 1of 3

OSNOVE HTML-a

Osnovni pojmovi
HTML - Hyper Text Mutual Language.
WEB PREGLEDNIK (web browser) je program koji omoguuje prikaz HTML dokumenta.
HIPERTEKST (HYPERTEXT) je pisani tekst koji sadri izravne veze s nekim drugim dokumentom.
POVEZNICA (HYPERLINK) je posebno oblikovana rije, slika ili Hotspot podruje na koje korisnik
moe kliknuti za skok na drugu stranicu, pogled na sliku, posjet na drugu web adresu ili prenijeti (download)
datoteke na svoje raunalo.
OZNAKA (BOOKMARK ili ANCHOR) je posebna oznaka na stranici na koju se vee poveznica s te iste
stranice.
WWW (WORLD WIDE WEB) je sustav za distribuciju informacija i usluga na internetu.
WEB STRANICE su pospremljene i organizirane informacije.
WEB MJESTO (WEB SITE) je skup web stranica vezanih uz jednu temu.
MAPA WEBA je pregled svih stranica i veza u jednom webu.
GRAFIKI HTML EDITOR je program za izradu web stranica (Microsoft FrontPage i Macromedia
Dreamweaver).
TEKSTUALNI HTML EDITOR je program za izradu web stranica (Notepad).

to je HTML?
HTML je programski jezik pomou kojega izraujemo web stranice. Druga definicija bi bila:
HTML je program koji slui za izradu hipertekstualnih datoteka, a to su datoteke koje sadre linkove.
Svatko, tko se ikada bavio programiranjem mora nauiti naredbe programskog jezika i njegove zakonitosti.
Kod HTML-a naredbe piemo u TAG-ovima (unutar zagrada < i >). Veina tagova ima svoj poetak <title> i
kraj </title>.

Struktura HTML -a
Veliina slova nije vana pa moe biti <FONT> ili <font>.
Font odnosno oblik slova takoer nije vaan. No valja napomenuti da nije loe da text editor podrava nae
znakove.
Poetni TAG sadri naredbu, a zavrni osim naredbe i znak /. Unutar samog TAG-a imamo i atribut.
TAG nam govori to moramo napraviti, a atribut kako. npr. <font color="red">. U ovom primjeru TAG
mijenja boju fonta u crvenu jer je njegov atribut red. TAG govori browseru (pregledniku) to treba raditi, a
Autorica: ARM

atribut kako to napraviti. Osnovno je pravilo da TAG-ovi ne smiju biti preklopljeni nego se ugnjeuju kao
to je prikazano. Redoslijed TAGOVA pri tome nije bitan.
<TAG3> <TAG2> <TAG1>Neki text </TAG1> </TAG2> </TAG3>

Minimum HTML coda


Sama stranica se sastoji od 3 osnovna TAG-a:
<html> ovdje preglednik (browser) vidi da je rije o html dokumentu
<head> ovo je zaglavlje (ovdje nije loe unijeti i <title> TAG za naslov.
<body> tijelo dokumenta (text, slike, tablice, obrasci ..itd, koji e biti prikazani u browseru upisujemo unutar
ovog TAG-a.
Programerima moe puno pomoi poznavanje naredbi iz nekih korisnikih programa na engleskom jeziku.
Primjer:
<html>
<head>
<title>Naslov</title>
</head>
<body>
Ovo je najmanja HTML stranica na svijetu
</body>
</html>

Hrvatski znakovi (,,,,)


Budui da neki browseri ne mogu automatski prepoznati hrvatske znakove dobro je u glavu <head>
dokumenta upisati:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
ili
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

Autorica: ARM

Primjer:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Nai znakovi</title>
</head>
<body>
Ovo su nai znakovi :
</body>
</html>
Veina HTML datoteka koristi ISO-8859-1 kod. Za hrvatski se mogu koristiti:
ISO-8859-2
UTF-8
Windows-1250 (ovo koristite za windows korisnike)
Ako spremamo dokument onda je potrebno odabrati encoding UTF-8 umjesto ANSI.
Za pisanje programa u html-u moemo koristiti bilo koji program za obradu teksta ili web stranica. Obino
se koristi Notepad koji je sastavni dio svakog windows operacijskog sustava. Poetnu stranicu uvijek
spremamo pod nazivom indeks, a nastavak je html ili htm. Ova stranica je spremljena pod nazivom
index.html. Ne bismo smjeli ni koristiti naa slova kod spremanja stranica, pa tako ni razmake. Da bismo
izbjegli spremanje stranice pod nazivom iz prolosti.html, najbolje je spremiti takvu stranicu na sljedei
nain: iz_proslosti.html.

Autorica: ARM

You might also like