ESQUEMA!

Realizar el esquema en árbol del siguiente html:

        <!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>
    

Imagen del árbol, resultado: