Kostra stránky

Pod deklarací má každá webová stránka stejnou základní strukturu, kostru ze tří prvků: html, head a body.

Prvek html, pojmenovaný podle samotného jazyka, obaluje celou stránku. Píše se hned pod deklaraci typu dokumentu a všechny ostatní prvky stránky patří do něj.

Uvnitř prvku html jsou dva prvky. Prvním je head (anglicky hlava). Obsahuje informace o stránce, které se na stránce samotné nezobrazují. Patří sem například titulek stránky, který prohlížeč ukazuje v záložce, a malá ikonka vedle něj, které se říká favicon. Obojí se nastavuje v prvku head:

Druhým je body (anglicky tělo). Obsahuje všechno, co na stránce vidíte: nadpisy, odstavce, obrázky, videa, odkazy a mnoho dalšího.

Prvek head se vždy píše před prvek body. Celá kostra pak vypadá takto:

<!DOCTYPE html>
<html>
	<head>
	</head>
	<body>
	</body>
</html>

Mezer na začátku některých řádků si zatím nevšímejte, vysvětlíme si je později v této lekci.