Titular de nivel 1
Contenido de la página
Estructura tipo Arbol
Estructura HTML
<!doctype html> <!-- Definición del tipo de lenguaje HTML utilizado ( en este caso de define HTML5 ) -->
<html> <!-- Principal que permite codificar todo lo que tendrá el documento html -->
<head> <!-- Definición de cabeceras que tendrán las configuraciones por defecto, título del documento html, hojas con normas de estilos aplicadas entre otra coas. -->
<meta charset="utf-8"> <!-- Definición a través de un meta para aplicar una codificación por defecto a la página web -->
<title>Ejercicio opcional árbol</title> <!-- Título definido para el sitio web ( utilizado por los SEO de google ) -->
</head>
<body> <!-- definición de elementos o compomentes del DOM que el usuario podrá observar durante su visita al sitio web ( artículos, enlaces, menú, títulos, entre otras cosas ) -->
<header> <!-- Definición de una cabecera principal en la página web -->
<img src="firefox-os.png" alt="FirefoxOS Logo" width="200" height="164">
</header>
<nav> <!-- Definición del menú que contendrá la página web. -->
<ul>
<li>Menú 1</li>
<li>Menú 2</li>
<li>Menú 3</li>
</ul>
</nav>
<article> <!-- Definición del ariculo que se mostrará por defecto al cargar la página web -->
<h1>Titular de nivel 1</h1> <!-- Definición de un título para cada artículo ( esto es una norma de semántica, todo artículo debe poseer un título -->
<p>Contenido de la página</p> <!-- Definición de un párrafo para cada artículo ( esto es una norma de semántica, todo artículo debe poseer un párrafo -->
</article>
<footer> <!-- Definición de un pie de página (normalmente diseñado para mostrar enlaces alternos, arbol de todo el sitio web, declaración de copyright, entre otros) -->
Pie de página
</footer>
</body>
</html>