Imagen:

Ejercicio P2P opcional!

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.

Código:

<!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>Titular de nivel 1</footer>
- </body>
</html>