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

На диаграмме показан пример дерева документа.

Корневой узел (HTML) находится вверху. У него два дочерних элемента: HEAD и BODY. У HEAD имеется дочерний элемент: TITLE. У BODY имеется три дочерних элемента: H1, P и UL. В UL есть три узла LI.

Если представить это в виде каскада, то каждая . будет означать дополнительный уровень, что даст:

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