Imagen Header Curso Desarrollo HTML5 - Copyright MiriadaX.net

MODULO 1: INTRODUCCIÓN A LOS ELEMENTOS BÁSICOS DE HTML, CSS

Ejercicio P2P opcional

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>
		

Esquema