Základní struktura HTML stránky

Stránka webu je obyčejný textový soubor s příponou .html. Uvnitř tohoto souboru je uložen text HTML stránky spolu s tagy. Tento soubor musí mít následující tagy: tag html, který musí obsahovat text celého webu (vše, co je napsáno mimo tento tag, bude prohlížečem ignorováno), a uvnitř něj musí být ještě dva tagy: tag head pro servisní obsah stránky a tag body - pro hlavní text, který je viditelný na obrazovce prohlížeče.

Do servisního obsahu, který se nachází uvnitř tagu head, patří mnoho různých věcí, ale zatím potřebujeme pouze dvě z nich. To je tag title, který nastavuje název stránky, který je viditelný v kartě prohlížeče, a tag meta, který nastavuje kódování stránky (nastavuje se v atributu charset a obvykle má hodnotu utf-8).

Kromě toho, před tagem html se obvykle píše konstrukce doctype, která udává verzi jazyka HTML, ve které je vytvořen web. Aktuální verze jazyka má číslo pět a doctype pro ni musí vypadat takto:

<!DOCTYPE html>

Takže, podívejme se na základní strukturu 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>

Vytvořte soubor s příponou .html. Zkopírujte do něj základní strukturu stránky. Uložte váš soubor. Poté jej otevřete v prohlížeči přetažením souboru myší nebo provedením dvojkliku na něj.