Struktura HTML

V předchozích cvičeních jsme si představili strukturu HTML prvků a deklaraci typu dokumentu. Toto jsou součásti struktury HTML. V tomto cvičení se podíváme na další nedílnou součást struktury HTML - Vnořování prvků.

V minulém cvičení jste mohli zahlédnout podobný kód:

<html>
	<head>
	</head>
	<body>
		<p>Ahoj!</p>
	</body>
</html>

Zatím nemusíme vědět, co daný kód znamená ale podíváme se na koncept vnořování.

Když si vzpomeneme na strukturu prvků, tak bychom mohli říci, že head prvek spolu s body prvkem jsou obsahem html prvku. To je samozřejmě pravda a říkáme, že prvky head a body jsou vnořené do prvku html.

Říkat, že prvek je vnořený do jiného se v praxi ale nedělá, jelikož je to zdlouhavé a špatně se tím popisují jiné vztahy mezi prvky. Například, jak bychom popsali vztah mezi prvky head a body? Proto se v praxi používají vztahy se kterými jsme všichni obeznámeni, jako rodič , dítě nebo sourozenec.

Když se vrátíme k otázce jak bychom popsali vztah mezi prvky head a body. Řekli bychom, že prvek head je sourozencem prvku body. Podobně bychom mohli říci, že prvek head je dítětem prvku html a obráceně, že prvek html je rodičem prvku head.

Pokyny

Vytvořte prvek html.

Vytvořte prvek head jako dítě prvku html, který jste vytvořili v minulém pokynu.

Vytvořte prvek body jako sourozence prvku head, pod prvkem head, který jste vytvořili v minulém pokynu.

Začněte programovat zdarma

4/9