Ce diagramme représente un exemple d'arbre de document.
Le noeud racine, HTML, se trouve en haut. Il a deux enfants, HEAD et BODY. HEAD a un enfant, TITLE. BODY a trois enfants, H1, P et UL. Ce dernier a trois noeuds LI en éventail.
En voici une représentation sous une forme textuelle, chaque point d'indentation étant mis pour un niveau :
HTML .HEAD ..TITLE .BODY ..H1 ..P ..UL ...LI ...LI ...LI