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>