This diagram illustrates a sample document tree.
The root node (HTML) is at the top. It has two children: HEAD and BODY. HEAD has one child: TITLE. BODY has three children: H1, P, and UL. The UL has 3 LI leaf nodes.
In outline form, one . indenting for each level, that gives:
HTML .HEAD ..TITLE .BODY ..H1 ..P ..UL ...LI ...LI ...LI
Return to image.