A lo largo de las anteriores semanas hemos estado aprendiendo a manejar distintas etiquetas de HTML y con ello has empezado a entender cómo funciona el diseño web, concretamente la maquetación. Además, en la lección anterior te hablé sobre la etiqueta div, un tag un tanto especial porque no dispone de semántica por si mismo. También ya te avancé que con la llegada del HTML5 se introdujeron varios tags que nos permiten sustituir el uso que hacíamos de la etiqueta div, permitiéndonos además hacerlo de forma semántica. De eso trata esta videolección, vamos a aprender a manejar distintos tags de HTML5 que nos facilitarán mucho el diseño web. Las etiquetas que veremos son: header, nav, article, section, time, footer y blockquote. Para ello, aprenderás a maquetar un página de un blog.
Aquí tienes el código para que puedas jugar con él:
- index.html
Y eso es todo por este artículo, recuerda que puedes seguir aprendiendo con los cursos de diseño y desarrollo WordPress del Club SiliCodeValley, a partir de 29€/mes sin permanencia, con soporte a tus dudas incluido y acceso a la comunidad privada de miembros.
¡Un abrazo y seguimos!
Hey excelente trabajo felicidades, una forma de programar muy limpia y ordenada, y una forma de explicar animada, saludos desde Colombia.
¡Buenas Carlos! Muchas gracias por tu comentario. ¡Un saludo compañero!
Hola David, gran artículo, tengo una duda. ¿La etiqueta main donde iría ubicada? O en todo caso cual sería su equivalente.
Un saludo.
Hola Andrés,
Gracias por tu comentario.
Si te unes a https://silicodevalley.com/unete-gratis/ tendrás acceso al curso gratis de HTML y CSS actualizado.
Allí hay una lección donde se explica: «Proyecto práctico: Etiquetas de HTML5 – Header, Nav, Article, Section, Main, Time, Aside, Footer»
Un saludo.
podes pasar el codigo css para ese archivo?
Buenas Gaston!
Ese vídeo es del 2015 y los códigos disponibles son los propios que aparecen en el artículo.
La versión actualizada de la parte premium sí dispone de todos los códigos: https://silicodevalley.com/curso/html-y-css-para-wordpress/
Un saludo!