Los Teatinos

Consultoría y Formación

Una vez que ya hemos aprendido que es un DOCTYPE, algunas diferencias con HTML y las etiquetas que estructuran nuestra página, haremos la primera web para consolidar lo aprendido.

 

<!DOCTYPE html>
<html>
    <head>
        head
    </head>

    <body>
        <header>
            <h1> Header</h1>
        </header>

        <nav>
            <ul>
                <li>Home</li>
                <li>About</li>
                <li>Contact</li>
            </ul>
        </nav>

        <section>
            <h1>Nombre artículo</h1>
            <article>
                <p>Contenido artículo</p>
            </article>
        </section>

        <footer>
            <p>Pie de página</p>
        </footer>

 

    </body>
</html>

 

He aquí la muestra de como quedaría la página

 

   
   

 

Escribir un comentario

Código de seguridad
Refescar