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>
Solución
Volver