El lenguaje HTML o (Hipertext Markup Language)

¿Qué es HTML5?

HTML5 es una actualización significativa del lenguaje HTML, introducida para mejorar y simplificar el desarrollo web. Fue diseñado para ser más eficiente y compatible con las tecnologías web modernas. Algunas de sus características clave incluyen:

  • Estandarización y Semántica Mejorada:

    HTML5 introduce nuevas etiquetas semánticas como <header>, <footer>, <article>, y <section>, que permiten a los desarrolladores describir mejor la estructura de una página web, haciendo el código más legible y mejorando la accesibilidad.

  • Soporte Multimedia Nativo:

    HTML5 permite incrustar audio (<audio>) y video (<video>) directamente en las páginas web sin necesidad de plugins externos, como Adobe Flash, lo que facilita la integración de contenido multimedia.

  • Gráficos y Animaciones:

    Con la etiqueta <canvas>, HTML5 permite dibujar gráficos y animaciones en tiempo real mediante JavaScript, lo que es ideal para juegos y aplicaciones interactivas.

  • Formularios Mejorados:

    Se introducen nuevos tipos de entradas (<input type="email">, <input type="date">, etc.), que simplifican la validación y mejoran la experiencia del usuario.

  • APIs y Funcionalidades Avanzadas:

    HTML5 incluye APIs (Interfaces de Programación de Aplicaciones) para trabajar con funciones como almacenamiento local (Local Storage), geolocalización, aplicaciones offline, y mucho más.

Etiquetas de estructura básica:

  • html
  • head
  • title
  • meta
  • link
  • style
  • script
  • body

Etiquetas de contenido de texto:

  • h1, h2, h3, h4, h5, h6
  • p
  • br
  • hr
  • blockquote
  • pre
  • b
  • strong
  • i
  • em
  • mark
  • small
  • del
  • ins
  • sub
  • sup
  • u
  • abbr
  • cite
  • code
  • var
  • kbd
  • samp

Etiquetas de enlaces e imágenes:

  • a
  • img
  • map
  • area
  • picture
  • source

Etiquetas de lista:

  • ul
  • ol
  • li
  • dl
  • dt
  • dd

Etiquetas de tablas:

  • table
  • caption
  • tr
  • th
  • td
  • thead
  • tbody
  • tfoot
  • col
  • colgroup

Etiquetas de formularios:

  • form
  • input
  • label
  • textarea
  • button
  • select
  • optgroup
  • option
  • fieldset
  • legend
  • datalist
  • output
  • progress
  • meter

Etiquetas de multimedia:

  • audio
  • video
  • track
  • embed
  • object
  • param
  • iframe

Etiquetas de estilo y semántica:

  • div
  • spam
  • header
  • footer
  • nav
  • article
  • section
  • aside
  • main
  • figure
  • figcaption
  • details
  • summary
  • time

Etiquetas de scripts:

  • noscript
  • canvas

Etiquetas de estructura web:

  • base
  • bdi
  • bdo
  • wbr