Ejercicio opcional á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>