Ejercicio Tema 5 Opcional - Modulo1

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="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>
    

Solución

Esquema HTML Ejercicio Tema 5