Esquema de arbol html

Módulo 2 - Tema 1: Ejercicio P2P opcional

Explicación de la tarea

Realiza un esquema sencillo de este documento HTML a su estructura tipo árbol, que resuma brevemente las relaciones directas entre elementos de la página, clarificando la jerarquía del árbol.

          <!doctype html>
          <html>
          <head>
          <meta charset="utf-8">
          <title>Ejercicio opcional árbol</title>
          </head>
          <body>
          <header>
          <img src="logotipo.jpg" alt="Firefox Logo" width="100"
          height="100">
          </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>