Osnovna struktura HTML stranice

Stranica sajta je obična tekstualna datoteka sa ekstenzijom .html. Unutar ove datoteke se čuva tekst HTML stranice zajedno sa tagovima. Ova datoteka obavezno mora imati sljedeće tagove: tag html, koji mora sadržati u sebi tekst cijelog sajta (sve što je napisano van ovog taga će browser ignorisati), a unutar njega moraju biti još dva taga: tag head za servisni sadržaj stranice i tag body - za osnovni tekst, koji je vidljiv na ekranu browsera.

U servisni sadržaj, koji se nalazi unutar taga head, spada mnogo različitih stvari, ali za sada nam su potrebne samo dve od njih. To je tag title, koji postavlja naziv stranice, koji će biti vidljiv u kartici browsera, i tag meta, koji postavlja kodiranje stranice (ono se postavlja u atributu charset i obično ima vrijednost utf-8).

Osim toga, prije taga html obično se piše konstrukcija doctype, koja označava verziju HTML jezika, na kojoj je napravljen sajt. Aktuelna verzija jezika ima broj pet i doctype za nju treba da izgleda ovako:

<!DOCTYPE html>

Dakle, hajde da pogledamo osnovnu strukturu stranice:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>This is the title</title>
	</head>
	<body>
		This is the main content of the page.
	</body>
</html>

Kreirajte datoteku sa ekstenzijom .html. Kopirajte u nju osnovnu strukturu stranice. Sačuvajte vašu datoteku. Zatim je otvorite u browseru prevlačeći datoteku mišem ili izvršivši dvostruki klik po njoj.