Osnovi HTML -a

1 |

P a g e

OSNOVI HTML -a

Marko Antonijević

Sadržaj

Šta je HTML?

...............................................................................................

Kako funkcioniše HTML?

............................................................................

Verzije HTML jezika?

...................................................................................

Kako napraviti prvu web sajt (stranicu) ?

....................................................

Prvi tagovi

...................................................................................................

UTF-8 meta tag

...........................................................................................

Tagovi za naslove i tekst

.............................................................................

Postavljanje slika

.....................................................................................

HTML audio tag

.........................................................................................

HTML video tag

.........................................................................................

Primeri HTML tagova

................................................................................

2 |

P a g e

Šta je HTML ?

HTML je skraćenica od Hyper Text Markup Language, što nam govori da HTML nije
programski jezik, već jezik oznaka (eng. Markup - oznaka). HTML koristi oznake (tagove) da
opiše različite elemente web stranice. HTML tagovi se pišu unutar znakova < i >, postoje
otvarajući zatvarajući tagovi. Otvarajući tag ima ulogu da označi početak nekog elementa,
dk zatvarajući tag označava zatvaranje tog istog elementa. Npr:

<p>Ovo je paragraf</p>

<p>

predstavlja otvarajući tag paragrafa, dok je

</p>

zatvarajući tag tog istog paragrafa.

Kod nekih programskih jezika, poput PHP-a, HTML se koristi u kombinaciji za ispisivanje

dinamičkih sajtova i stranica ali on i dalje nije programski jezik.

Kako funkcioniše HTML ?

Iako izgleda neobično da se izgled veb sajta ili stranice može ispisati u kodovima,

zapravo je stvarno tako. HTML jezik se sastoji od HTML elemenata koji imaju svoje

oznake, to jeste tagove.

HTML elementi pojednostavljuju kreiranje veb stranica tako što

ih dele na sitnije samostalne delove. Tako na primer na stranici imamo: tekst, slike,

tabele, dugmad, linkove, liste i druge elemente. Zahvaljujući tome, HTML jezik je lak za
učenje i razumevanje.

4 |

P a g e

Kako napraviti prvi web sajt(stranicu)?

Prvo je potreban editor za kodiranje. Iako za to može poslužiti i običan Notpad u

Windows-u, najbolje je instalirati

Notepad++

koji je za početnički nivo znanja sasvim

odgovarajući.

Kada se završi instalacija, otvoriti Notepad++ i na njega iskopirati i zalepiti sledeći kod:

<!DOCTYPE html>
<html>
<head>
<title>HTML stranica</title>
</head>
<body>
<h1>PRVA STRANICA</h1>
<p>ovo je tekst stranice</p>
</body>
</html>

Nakon toga, pritisnuti na ikonicu SAČUVAJ ili SNIMI a zatim kao na slici u "File name"

upisati -index-. U donjem polju "Save as type" odabrati -Hyper Text Markup Language

(html, htm)-.

Pri tome je važno u "Save in" zapamtiti ili izabrati mesto na računaru gde će se ovaj fajl

nalaziti.

Zatim pritisnuti na "Save", kao na slici.

5 |

P a g e

Potom, na računaru pronaći napravljeni fajl "index.html" a zatim desnim klikom

miša

pronaći opciju "Otvori pomoću"(Open with) i izabrati Google Chrome ili Firefox
ili neki drugi pretraživač koji se nudi i kliknuti.
Kao rezultat trebalo bi da se pokaže sledeće:

PRVA STRANICA

ovo je tekst stranice

Prvi tagovi

Kao što je več rečeno, tagovi su oznake za HTML elemente.

Pogledajmo još jednom kod za našu prvu stranicu:

<!DOCTYPE html>
<html>
<head>
  <title>HTML stranica</title>
</head>
<body>
<h1>PRVA  STRANICA</h1>
   <p>ovo je tekst stranice</p>
</body>
</html>

Ona se sastoji iz više tagova.

Jedan pojedinačni tag (oznaka) je ono što je ispisano unutar ovih znakova

Vidimo da prvi tag koji označava da se radi o HTML5 verziji jezika izgleda ovako:

<!DOCTYPE html>

Većina tagova ima svoj početak, koji se piše ovako <> i završetak, koji se piše sa kosom

crtom ovako </>