Árbol de documento DOM del codigo HTML 5 a continuación:

    <!doctype html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>Ejercicio opcional árbol</title>
      </head>
      <body>
        <header>
          <img src="firefox-os.png" alt="FirefoxOS Logo" width="200" height="164">
        </header>
        <nav>
          <ul>
            <li>Menú 1</li>
            <li>Menú 2</li>
            <li>Menú 3</li>
          </ul>
        </nav>
        <article>
          <h1>Titular de nivel 1</h1>
          <p>Contenido de la página</p>
        </article>
        <footer>Pie de página</footer>
      </body>
    </html>

Nota: Los textos entre las etiquetas HTML tambien son nodos dentro del árbol del documento