Estructura de árbol

<html>Raíz del documento. Se divíde en tres partes principales, head, body.
1. <head> Está sección se utiliza para describir y definir el documento.
  1. <meta charset="utf-8"> </meta>Informa sobre la codificación que tendrá el documento.
  2. <title>Ejercicio opcional árbol</title> Descrbe el contenido del documento. Es muy importante, los buscadores utilizarán el contenido de está etiqueta para indexar la página.
  3. </head>
2. <body> Está sección contiene el contenido del documento. , normalmente se divide en tres partes,head, article y footer.
  1. <header> Título que verá el usuario.
    1. <img src="firefox-os.png" alt="FirefoxOS Logo" width="200" height="164"></img>
    2. </header>
  2. <nav> Menú para navegar en el site.
    1. <ul>
      1. <li>Menú 1</li>
      2. <li>Menú 2</li>
      3. <li>Menú 3</li>
      4. </ul>
    2. </nav>
  3. <article>
    1. <h1>Titular de nivel 1</h1>
    2. <p>Contenido de la páina</p>
    3. </article>
  4. <footer>Pie de página</footer>
  5. </body>
3. <html>