Código del ejercicio:

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

Árbol de la estructura:


Si no se visualiza la imagen puedes verla aquí.


Página resultante:


FirefoxOS Logo

Titular de nivel 1

Contenido de la página