<!doctype html> --- > Indica el tipo de html, en este caso es html 5
<html> --- > Etiqueta de apertura de html
<head> --- > Etiqueta head, esta parte del codigo no es visible para el usuario
<meta charset="utf-8"> --- > Etiqueta para los caracteres
<title>Ejercicio opcional árbol</title> --- > Etiqueta del titulo de la pagina
</head> --- > Cierra del head
<body> --- > Etiqueta del body, todo lo que esta dentro es visible al usuario
<header> --- > Etiqueta semantica del header
<img src="firefox-os.png" alt="FirefoxOS Logo" width="200" height="164"> --- > Etiqueta para agregar una imagen
</header> --- > Etiqueta de cierre del header
<nav> --- > Etiqueta para el menu de navegacion
<ul> --- > Etiqueta para crear una lista no ordenada
<li>Menú 1</li> --- > Elemento de la lista
<li>Menú 2</li>
<li>Menú 3</li>
</ul> --- > Cierre de la lista no ordenada
</nav> --- > Cierre del menu de navegacion
<article> --- > Etiqueta semantica para el contenido
<h1>Titular de nivel 1</h1> --- > Etiqueta del titulo
<p>Contenido de la página</p> --- > Etiqueta de un parrafo
</article> --- > Etiqueta
<footer>Pie de página</footer> --- > Etiqueta semantica del pie de la pagina
</body> --- > Etiqueta de cierre del body
</html> --- > Etiqueta del cierre del documento html