Del curso: Aprende semántica web

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 24.000 cursos impartidos por expertos del sector.

Creación de la estructura semántica del diseño en papel

Creación de la estructura semántica del diseño en papel - Tutorial de HTML

Del curso: Aprende semántica web

Comenzar mi mes de prueba gratis Comprar para mi equipo

Creación de la estructura semántica del diseño en papel

“

Una vez planteado nuestro diseño en papel y habiéndolo trabajado correctamente e identificando cada una de las partes que corresponden, vamos a pasar a nuestro editor de código y a llevar esa estructura al mismo. Como podemos ver, aquí tenemos el 'header' y el 'main'. Y todo ello hacen la sección principal de nuestra web. Es decir, vamos a hacer un 'div' que englobe un 'header' y un 'main'. Dentro de nuestro 'header' vamos a tener un elemento de navegación y un logo. En la parte del contenido vamos a ver cuatro secciones, que las identificaremos con la etiqueta 'section'. Dentro del 'section', podemos visualizar correctamente una imagen, un título de encabezado y un párrafo. Recordad que ahora mismo lo único que estamos generando o intentando generar es una estructura correctamente formada y semánticamente correcta. Así, podremos ir completando cada una de las secciones que tenemos en nuestro diseño y ser capaces de generar un HTML limpio y útil. Una vez terminemos con todas las…

Contenido