• Saltar a la navegación principal
  • Saltar al contenido principal
SiliCodeValley

SiliCodeValley

Cursos online de diseño y desarrollo WordPress

  • Newsletter
  • Acceder
  • Suscribirme

Introducción al HTML5 – Etiquetas Header, Nav, Article, Section, Time, Footer y Blockquote

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!

Únete al boletín: Diario de un desarrollador web freelance

Importante: envío correos con frecuencia y en cada uno además de contarte historias, consejos y marrones de mi día a día, ofrezco mis productos y servicios. Si esto te supone un problema, no te suscribas. Y si te cansas, podrás darte de baja y tan amigos.

Responsable: David Perálvarez Fernández. Finalidad: Gestionar el envío de información y prospección comercial y dar acceso a los productos online. Legitimación: Consentimiento del interesado. Destinatarios: Empresas proveedoras nacionales y encargados de tratamiento acogidos a privacy shield. Derechos: Acceder, rectificar y suprimir los datos, así como otros derechos como se explica en la información adicional.

¡Ya casi estamos! Revisa tu bandeja de entrada o la carpeta de spam para confirmar tu suscripción.

Interacciones con los lectores

Comentarios

  1. Carlos Muñoz dice

    22 de abril de 2018 a las 03:15

    Hey excelente trabajo felicidades, una forma de programar muy limpia y ordenada, y una forma de explicar animada, saludos desde Colombia.

    Responder
    • David Perálvarez dice

      22 de abril de 2018 a las 09:10

      ¡Buenas Carlos! Muchas gracias por tu comentario. ¡Un saludo compañero!

      Responder
  2. Andrés dice

    18 de julio de 2021 a las 11:34

    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.

    Responder
    • David Perálvarez dice

      19 de julio de 2021 a las 11:03

      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.

      Responder

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

  • Blog
  • Acerca
  • Contacto
  • Privacidad
  • Términos
  • Aviso Legal
  • Cookies

Utilizamos cookies propias y analíticas para darte la mejor experiencia en nuestra web.

Puedes informarte más sobre qué cookies estamos utilizando o desactivarlas en los .

Resumen de privacidad
SiliCodeValley

Esta web utiliza cookies propias y analíticas para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Cookies analíticas

Esta web utiliza Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar esta cookie activa nos permite mejorar nuestra web.

¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!

Política de cookies

Más información sobre nuestra política de cookies