Estructuración y Maquetación de una Web


Aprende Estructuración y Maquetación y mucho más en nuestro Curso:

La Estructuración y Maquetación, es sobre crear una web utilizando semántica en un Documento HTML agregando diseño con CSS.
Unas de las principales cosas que se deben de comprender son:
 -> Header (Cabecera).
 -> Nav (Esta etiqueta es más utilizada para crear menús)
 -> Section (Capas)
 -> Article (Articulos o publicaciones)
 -> Detalles en Artículos (Contenido de Publicaciones)
 -> Aside (Barra Lateral)
 -> Footer (Pié de Página)
 -> Y otros componentes y atributos de los mismos.


Para agregar una Cabecera es utilizando la Etiqueta <header> ... </header> en un Documento HTML.
<!--  Este es un Comentario  -->
<!DOCTYPE html>
<html>
<head>
    <title> Titulo del Documento </title>
<head>
<body>
    <!--  Cuerpo del Documento  -->
    <header>
        <!-- Contenido de la Cabecera -->
    </header>
</body>
</html>

Para agregar una Capa es utilizando la Etiqueta <section> ... </section> en un Documento HTML.
<!--  Este es un Comentario  -->
<!DOCTYPE html>
<html>
<head>
    <title> Titulo del Documento </title>
<head>
<body>
    <!--  Cuerpo del Documento  -->
    <header>
        <!-- Contenido de la Cabecera -->
    </header>
    <section>
        <!-- Contenido de la Capa -->
    </section>
</body>
</html>

Para agregar artículos o publicaciones es utilizando la Etiqueta <article> ... </article> en un Documento HTML.
<!--  Este es un Comentario  -->
<!DOCTYPE html>
<html>
<head>
    <title> Titulo del Documento </title>
<head>
<body>
    <!--  Cuerpo del Documento  -->
    <header>
        <!-- Contenido de la Cabecera -->
    </header>
    <section>
        <!-- Contenido de la Capa -->
        <article>
            <!-- Contenido del Articulo -->
        </article>
    </section>
</body>
</html>

Ve todos los temas en VideoTutoriales para aprender a Estructuración y Maquetación y mucho más en nuestro Curso:



No hay comentarios

No hay comentarios :

Publicar un comentario