Описание для примера диаграммы дерева документа

Эта диаграмма иллюстрирует дерево документа.

Корневой узел (HTML) является вершиной. Он имеет два дочерних элемента: HEAD и BODY. HEAD имеет один дочерний элемент: TITLE. У BODY – три дочерних элемента: H1, P и UL. У элемента UL три концевых вершины LI.

В схематичной форме для каждого уровня добавляем один отступ, что дает нам следующее:

HTML
.HEAD    
..TITLE
.BODY
..H1
..P
..UL
...LI
...LI
...LI