Vnořování a rodinné vztahy

Podívejme se na stránku, kterou zatím máme:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Moje první stránka</title>
	</head>
	<body>
	</body>
</html>

Některé prvky jsou uvnitř jiných prvků: head a body jsou uvnitř html, meta a title jsou uvnitř head. Vzpomeňte si, že obsahem prvku mohou být i jiné prvky. Když prvek vložíme do jiného prvku, říkáme, že ho do něj vnořujeme.

Vztahy mezi vnořenými prvky popisujeme slovy, která známe z rodiny:

• Rodič je prvek, ve kterém je jiný prvek přímo vnořený. html je rodičem prvků head a body.
• Dítě je prvek přímo vnořený do jiného prvku. title je dítětem prvku head.
• Sourozenci jsou prvky se stejným rodičem. head a body jsou sourozenci, stejně jako meta a title.

Teď dáme prvku body nějaké děti, aby se na naší stránce konečně něco zobrazilo. Kromě nadpisu h1 použijeme prvek p (z anglického paragraph), tedy odstavec textu. Odstavcům se budeme víc věnovat v příští lekci.