FirefoxOS Logo

Titular de nivel 1

Contenido de la página

Estructura tipo Arbol

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>