HTML: Markup language
CSS: Styling language
JavaScript: Scripting language
Web APIs: Programming interfaces
Learn web development
Get to know MDN better
Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.
View in English Always switch to English
HTML (Lenguaje de Marcado de Hipertexto, del inglés HyperText Markup Language) es el componente más básico de la Web. Define el significado y la estructura del contenido web. Además de HTML, normalmente se usan otras tecnologías para describir la apariencia o presentación de una página web (CSS) o su funcionalidad o comportamiento (JavaScript).
El "hipertexto" hace referencia al texto que contiene enlaces que conectan páginas web entre sí, ya sea dentro de un mismo sitio web o entre distintos sitios web. Los enlaces son un aspecto fundamental de la Web. Al publicar contenido en Internet y enlazarlo con páginas creadas por otras personas, te conviertes en un participante activo de la World Wide Web.
HTML usa "marcado" para anotar texto, imágenes y otros contenidos que se muestran en un navegador web. El marcado HTML incluye "elementos" especiales como <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>, <canvas>, <datalist>, <details>, <embed>, <nav>, <search>, <output>, <progress>, <video>, <ul>, <ol>, <li> y muchos otros.
Un elemento HTML se diferencia del resto del texto de un documento mediante "etiquetas", que consisten en el nombre del elemento rodeado por < y >. El nombre de un elemento dentro de una etiqueta no distingue entre mayúsculas y minúsculas. Es decir, puede escribirse en mayúsculas, en minúsculas o con una combinación de ambas. Por ejemplo, la etiqueta <title> puede escribirse como <Title>, <TITLE> o de cualquier otra forma. No obstante, la convención y la práctica recomendada es escribir las etiquetas en minúsculas.
Los siguientes artículos pueden ayudarte a aprender más sobre HTML.
Nuestros módulos principales de aprendizaje de desarrollo web contienen tutoriales modernos y actualizados que cubren los fundamentos de HTML.
Este artículo ofrece un breve recorrido por qué es HTML y cómo usarlo, pensado para personas que no tienen ninguna experiencia en desarrollo web.
Este módulo cubre los conceptos básicos del lenguaje HTML, antes de ver áreas clave como la estructura de los documentos, los enlaces, las listas, las imágenes, los formularios y más.
Los formularios son una parte muy importante de la Web: ofrecen gran parte de la funcionalidad que necesitas para interactuar con los sitios web, por ejemplo, registrarte e iniciar sesión, enviar comentarios, comprar productos y más. Este módulo te ayuda a empezar a crear la parte del lado del cliente (front-end) de los formularios.
Las guías de HTML te ayudan a crear con HTML en la web. Cubren temas como los formularios, CORS, la precarga de contenido y las imágenes responsivas.
Referencia rápida de la sintaxis y las tareas más habituales en HTML.
Los comentarios HTML se usan para añadir notas explicativas al marcado o para evitar que el navegador interprete partes concretas del documento.
HTML5 introdujo la validación de restricciones para facilitar la validación de formularios del lado del cliente. Las restricciones básicas se pueden comprobar sin JavaScript estableciendo atributos en los elementos del formulario.
HTML se compone de varios tipos de contenido, cada uno de los cuales puede usarse en ciertos contextos y no está permitido en otros. Del mismo modo, cada contexto tiene un conjunto de categorías de contenido que puede contener y de elementos que pueden o no usarse en él. Esta es una guía de esas categorías.
Algunos elementos HTML usan valores de fecha u hora. Esta guía describe los formatos de las cadenas que especifican estos valores.
Los microdatos se usan para anidar metadatos dentro del contenido existente de las páginas web. Los motores de búsqueda y los rastreadores web pueden extraer y procesar los microdatos para ofrecer una experiencia de navegación más rica.
Los microformatos son estándares que se usan para incrustar semántica y datos estructurados en HTML, para su uso por parte de aplicaciones web sociales, motores de búsqueda, agregadores y otras herramientas.
Información histórica sobre el modo quirks y el modo estándar.
Aprende sobre las imágenes responsivas, que funcionan bien en dispositivos con tamaños de pantalla, resoluciones y otras características muy distintas, y mejoran el rendimiento en distintos dispositivos.
Los elementos <audio> y <video> te permiten reproducir audio y video de forma nativa dentro de tu contenido, sin necesidad de software externo.
HTML ofrece varias formas de transmitir la semántica de una descripción, ya sea en línea o en glosarios estructurados. Este artículo muestra cómo marcar correctamente las palabras clave al definirlas.
HTML5 está diseñado pensando en la extensibilidad para los datos que deben asociarse a un elemento concreto pero que no necesitan tener ningún significado definido. Los atributos data-* nos permiten guardar información adicional en elementos HTML semánticos estándar.
Algunos elementos HTML que admiten CORS, como <img> o <video>, tienen un atributo crossorigin (la propiedad crossOrigin), que te permite configurar las solicitudes CORS de los datos que obtiene el elemento.
Los mapas de imagen permiten asociar hipervínculos a distintas partes de una imagen. Este artículo muestra cómo crearlos e implementarlos.
Estos consejos se basan en el conocimiento común y en la experimentación. Una página web optimizada no solo ofrece un sitio que responde mejor a tus visitantes, sino que también reduce la carga de tus servidores web y de tu conexión a internet.
Este artículo explica cómo añadir código JavaScript a un archivo HTML.
HTML está compuesto por elementos, cada uno de los cuales puede modificarse con varios atributos. Los documentos HTML se conectan entre sí mediante enlaces. Consulta la document