En la siguiente imagen se muestra la estructura jerárquica de la página de ejemplo.
El bloque principal, <html>, tiene dos elementos child, es decir, dos hijos.
El elemento <head> no tiene ningún child, y el elemento <body> tiene cuatro.
Estos últimos elementos son descendientes del elemento principal, que a su vez es su ancestro.