Základná štruktúra stránky HTML

Stránka webu je obyčajný textový súbor s príponou .html. Vnútri tohto súboru je uložený text HTML stránky spolu s tagmi. Tento súbor musí mať povinne nasledujúce tagy: tag html, ktorý musí obsahovať v sebe text celého webu (všetko, čo je napísané mimo tohto tagu, prehliadačom bude ignorované), a vnútri neho musia byť ešte dva tagy: tag head pre služobný obsah stránky a tag body - pre hlavný text, ktorý je viditeľný na obrazovke prehliadača.

Do služobného obsahu, ktorý sa nachádza vnútri tagu head, patrí veľa rôznych vecí, ale zatiaľ potrebujeme iba dve z nich. Je to tag title, ktorý nastavuje názov stránky, ktorý bude viditeľný v záložke prehliadača, a tag meta, ktorý nastavuje kódovanie stránky (nastavuje sa v atribúte charset a zvyčajne má hodnotu utf-8).

Okrem toho, pred tagom html sa zvyčajne píše konštrukcia doctype, ktorá udáva verziu jazyka HTML, v ktorej je vytvorený web. Aktuálna verzia jazyka má číslo päť a doctype pre ňu musí vyzerať takto:

<!DOCTYPE html>

Takže, pozrime sa na základnú štruktúru stránky:

<!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>

Vytvorte súbor s príponou .html. Skopírujte do neho základnú štruktúru stránky. Uložte váš súbor. Potom ho otvorte v prehliadači pretiahnutím súboru myšou alebo vykonaním dvojkliku naň.