이 도표는 문서(document) 계통(tree) 도표 예제를 설명한다.

HTML 최상위(root) 노드는 맨위에 있다.
이는 두 자식(child)들을 갖는다: HEAD와 BODY.
HEAD는 하나의 자식을 갖는다: TITLE.
본체(body)는 세 자식들을 갖는다: H1, P, UL.
그 UL은 세개의 LI 조각 노드들을 갖는다.

아트라인(outline) 양식에서 하나의 별표('*')은 각 수준을 나타낸다:

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