HTML dokument i osnove HTML jezika

Što je HTML jezik? Više puta ste čuli da je HTML jezik osnova svake web stranice, ali niste razumjeli što to znači i kakav je to jezik? HTML jezik je ustvari osnova svake web stranice, a web stranica je pojedinačni HTML dokument. Danas ćemo upoznati osnovnu strukturu HTML dokumenta, HTML oznake i izgled jednostavne HTML stranice.

HTML (eng. Hyper Text Markup Language) je jezik kojim opisujemo izgled web stranica pomoću HTML oznaka (eng. tag). Web stranica se sastoji od raznih elemenata kao što su: tekst, slike, tablice i slično.

HTML oznake u tekstualnom obliku određuju položaj i način prikazivanja elemenata web stranice. Web preglednik interpretira (tumači) HTML oznake i stvara prikaz web stranice. To je razlog zašto se prikaz web stranice u različitim web preglednicima može katkad razlikovati.

Sadržaj objave

1 HTML oznake
2 Struktura HTML dokumenta
3 Oznake i parametri HTML jezika
- 3.1 Povezani sadržaji

HTML oznake

HTML oznake možemo razumjeti kao naredbe web pregledniku koje određuju kako će se prikazati sadržaj web stranice. Svaku HTML oznaku navodimo unutar znakova < > , odnosno izlomljenih zagrada. Primjerice, oznaka kojom počinje HTML dokument je <html>. Obavezno primijetimo da se sve HTML oznake pišu malim slovima.

Moramo reći i da svaka HTML oznaka dolazi u paru, odnosno postoji početna i završna HTML oznaka. Primjerice, oznaka <html> označava početak HTML dokumenta, a oznaka </html> označava završetak HTML dokumenta. Vidimo da završna oznaka ispred svojeg naziva ima desnu kosu crtu /.

Struktura HTML dokumenta

HTML dokument započinje oznakom <html> i u osnovi je podijeljen na dva dijela HTML oznaka: zaglavlje i tijelo. Zaglavlje sadržava osnovne informacije o naslovu i obilježjima stranice. Oznaka za početak zaglavlja je <head>, a za završetak zaglavlja </head>. Tijelo sadržava oblikovani sadržaj, a njegova početna oznaka je <body>, a završna </body>.

Da bismo kreirali najjednostavniju web stranicu, naučit ćemo još dva para oznaka, oznaku oznaku i oznaku odlomka. Oznaka naslova piše se unutar oznaka za zaglavlje. Početna oznaka naslova je <title>, a završna </title>. Unutar ovih oznaka upisuje se naslov web stranice.

Početna oznaka odlomka je , a završna . Prisjetimo se da je odlomak dio teksta koji završava pritiskom na tipku Enter. Oznake odlomka pišemo unutar oznaka za tijelo HTML dokumenta.

U nastavku ćemo pomoću ovih oznaka kreirati jednostavan HTML dokument. Otvorimo Blok za pisanje (Notepad) i unesimo slijedeće HTML oznake.

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Moja prva stranica&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;p&gt;Ovo je jedan odlomak teksta.&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;

<html>

<head>

<title>Moja prva stranica</title>

</head>

<body>

Ovo je jedan odlomak teksta.

</body>

</html>

Spremimo dokument tako da u izborniku kliknemo na Datoteka > Spremi kao (File > Save as), a zatim pod opcijom Naziv dokumenta (Filename) upišemo Jednostavna.html, pod opcijem Save as Type odaberemo Sve datoteke (All Files).

Otvorite mapu u koju ste spremili vaš dokument i otvorite ga. Čestitamo, upravo ste napravili svoju prvu web stranicu pisanjem HTML oznaka. Kako su HTML dokumenti ustvari tekstualni dokumenti, možemo ih stvarati i u tekstualnim uređivačima.

Oznake i parametri HTML jezika

Poznavanje osnovnih HTML oznaka i njihovih parametara pomoći će nam u boljem razumijevanju i prilagodbi web stranica. Pojedine HTML oznake sadržavaju parametre ili atribute koji dodatno opisuju određena svojstva oznake.

Primjerice, kod oznake odlomka  često se rabi parametar align kojim se određuje poravnanje odlomka. Vrijednosti parametra navode se bez razmaka iza znaka jednakosti pod navodnicima, npr. Tekst odlomka.

Oznaka poveznice <a> koristi parametr href. Parametrom href naznačuje se naziv povezane stranice. Ako se stranica ne nalazi u istoj mapi kao i stranica koja sadržava poveznicu, potrebno je navesti i put do povezane stranice.

HTML oznake i parametri	Opis oznaka i parametra
<html>	Označava početak web stranice
<head>	Označava zaglavlje
<title>	Ime dokumenta koje se pojavljuje u web pregledniku
<meta>	Ova oznaka nema završne oznake, a upotrebljava se za definiranje obilježja web stranice
<body>	Označava tijelo (sadržaj) dokumenta
<p>	Označava odlomak
<br>	Ubacuje prijelom teksta u novi red
<b>	Podebljana slova
<i>	Ukošena slova
<u>	Podvučena slova
<p align=“left“>	Poravnanje odlomka lijevo
<p align=“right“>	Poravnanje odlomka desno
<p align=“center“>	Poravnanje odlomka sredina
<p align=“justify“>	Poravnanje odlomka obostrano
<a href=“url adresa“> neki tekst </a>	Poveznica preko teksta
<img src=“slika“ / >	Slika
<img src=“ime slike“ width=“60“ height=“50“ />	Širina i visina slike
< img src=“ime slike“ align=“left“/>	Poravnanje slike lijevo
< img src=“ime slike“ align=“right“/>	Poravnanje slike desno
< img src=“ime slike“ align=“center“/>	Poravnanje slike sredina
Border=“1“	Debljina obruba
<hr>	Vodoravna crta preko web stranice
<h1> do <h6	Označava veličinu fonta