El abc de HTML

Adoración Martínez
Laboratoria Developers
2 min readMar 25, 2017

HTML (Hypertext Markup Language) no es un lenguaje de programación; es un lenguaje de marcado, que sirve para decirle al navegador la forma de estructurar las páginas web que visitas.

HTML se compone de elementos y estos a su vez se componen por:

  • Etiqueta de inicio
  • Contenido
  • Etiqueta de cierre

No todos los elementos siguen el patrón de etiqueta de apertura, contenido, etiqueta de cierre. Algunos elementos consisten únicamente en una sola etiqueta, por ejemplo <img>.

Los elementos también pueden tener atributos. Los atributos contienen información adicional sobre el elemento pero no se muestran en la página web.

Estructura de un elemento HTML

Se pueden poner elementos dentro de otros elementos, es decir, se pueden anidar.

Cuando anidamos etiquetas una dentro de otras es muy importante cerrarlas en orden.

Elementos anidados

HTML5 ofrece nuevos elementos semánticos para definir diferentes partes de una página web.

Un elemento semántico describe claramente su significado tanto para el navegador y el desarrollador.

Nuevas etiquetas HTML5
  • <header> Especifica la cabecera para un documento o sección.
  • <nav> Define un conjunto de enlaces de navegación.
  • <section> De acuerdo con la documentación de la W3C: “Una sección es una agrupación temática de los contenidos, por lo general con un título”.
  • <article> Especifica un contenido independiente y autónomo, con la intención de que pueda ser reutilizado o repetido.
  • <aside> Representa una sección de una página que consiste en contenido que puede ser considerado independiente.
  • <footer> Especifica el pie de página de un documento o sección. Contiene normalmente los derechos del autor, enlaces a términos de uso, información de contacto, etc.

Dicen que si aprendes HTML5 te conviertes en una mejor persona y tendrás una mejor vida.

--

--