HTML (HyperText Markup Language)
Mike Taylor 29 may. 2026 Tiempo de lectura ≈ 6 min
Qué es HTML
HTML (HyperText Markup Language) es un lenguaje de marcado estandarizado para documentos, que se utiliza para crear y presentar contenido en Internet. HTML permite estructurar la información — por ejemplo, textos, imágenes y enlaces a otras páginas o archivos — mediante etiquetas. Las etiquetas son palabras o símbolos especiales encerrados entre corchetes angulares que indican al navegador cómo mostrar el contenido o cómo interactuar con él.
Todo documento HTML comienza con una declaración del tipo de documento <!DOCTYPE html>, seguida del elemento raíz <html>, dentro del cual se ubican el elemento <head> (que contiene los metadatos de la página, como su título y los enlaces a estilos o scripts) y el elemento <body> (que contiene el contenido propiamente dicho de la página).
De qué se compone el código HTML
El código HTML está formado por los siguientes componentes principales:
- Etiquetas. El bloque básico de construcción de HTML. Las etiquetas definen el inicio y el final de los elementos en un documento. Están rodeadas por corchetes angulares, por ejemplo
<p>para un párrafo. La mayoría de las etiquetas requieren una etiqueta de cierre (por ejemplo,</p>), pero también existen etiquetas autocerradas, como<img>para imágenes. - Elementos. Constan de una etiqueta de apertura y una de cierre, junto con el contenido que hay entre ellas. Por ejemplo, en
<p>Esto es un párrafo.</p>, todo el bloque es un elemento de párrafo. - Atributos. Proporcionan información adicional sobre un elemento, como un identificador, una clase, enlaces a fuentes y dimensiones. Los atributos siempre se encuentran en la etiqueta de apertura. Por ejemplo,
<img src="image.jpg" alt="Imagen de ejemplo">donde src y alt son atributos del elemento img. - Comentarios. Se utilizan para insertar notas en el código que no se muestran en el navegador web. Los comentarios ayudan a los desarrolladores a entender el código y a recordar información importante. La sintaxis del comentario es:
<!-- Comentario -->. - Texto. El contenido propiamente dicho que se mostrará en la página web. El texto puede colocarse dentro de diversos elementos, como encabezados (
<h1>), párrafos (<p>) y listas (<ul>,<ol>). - La declaración DOCTYPE. Define la versión de HTML o la DTD (document type definition, definición del tipo de documento) con la que se pretende mostrar la página. Por ejemplo, HTML5 utiliza
<!DOCTYPE html>. - Elementos estructurales. Definen la estructura y la disposición de la página. Incluyen elementos como
<header>,<footer>,<nav>,<section>,<article>y<aside>, que ayudan a crear una estructura del documento organizada semánticamente. - Elementos multimedia e interactivos. Permiten insertar imágenes (
<img>), vídeo (<video>), audio (<audio>) y también formularios (<form>) para la interacción interactiva con el usuario.
Juntos, estos componentes forman el código HTML que el navegador interpreta para mostrar la página web. El código HTML puede ser sencillo, compuesto por unas pocas líneas para mostrar texto, o muy complejo, con miles de líneas de código y numerosos elementos y estructuras que interactúan entre sí.
HTML (HyperText Markup Language) es un lenguaje de marcado que se utiliza para crear la estructura de páginas web y aplicaciones web. Permite a los desarrolladores incrustar texto, imágenes, vídeo, formularios y otro contenido en documentos destinados a mostrarse en navegadores web. A continuación se ofrece un resumen de lo que se puede y lo que no se puede hacer con HTML:
Lo que se puede hacer con HTML:
- Estructurar una página web. Usar diversas etiquetas para crear encabezados, párrafos, listas, tablas y otros elementos estructurales de la página.
- Incrustar contenido multimedia. Incluir en las páginas imágenes (
<img>), audio (<audio>), vídeo (<video>) y objetos (por ejemplo, mediante<object>,<embed>o<iframe>). - Crear formularios para recopilar datos. Usar formularios (
<form>) con diversos elementos de entrada (<input>,<textarea>,<button>,<select>) para recopilar información de los usuarios. - Organizar enlaces. Crear hipervínculos (
<a>) para la navegación entre páginas dentro de un sitio o hacia recursos externos. - Estructurar datos. Usar tablas (
<table>) para organizar los datos de forma estructurada. - Marcado semántico. Aplicar elementos semánticos (
<article>,<section>,<nav>,<header>,<footer>) para una mejor organización y accesibilidad del contenido.
Lo que no se puede hacer solo con HTML:
- Aplicar estilos. No se pueden aplicar estilos ni cambiar la apariencia de los elementos sin usar CSS. HTML se encarga de la estructura, mientras que CSS se encarga del estilo.
- Programar la lógica. HTML no permite crear elementos interactivos ni programar la lógica de funcionamiento de las aplicaciones web. Para ello se requiere JavaScript.
- Procesar datos en el lado del servidor. HTML no puede procesar datos en el servidor. Para procesar formularios, acceder a bases de datos y ejecutar la lógica del servidor se utilizan lenguajes de programación como PHP, Python, Ruby y otros.
- Crear contenido dinámico. HTML no admite la creación de contenido que cambie dinámicamente sin interactuar con CSS y JavaScript. Para las animaciones, el cambio de contenido sin recargar la página y otros elementos dinámicos se requiere el uso de JavaScript.
- Almacenar datos. HTML no proporciona mecanismos para almacenar los datos de los usuarios entre sesiones. Para ello se utilizan cookies, localStorage y sessionStorage en combinación con JavaScript, o bien tecnologías del lado del servidor.
En definitiva, HTML es la base para crear páginas web, pero para construir aplicaciones web completas, aplicar estilos y añadir interactividad debe utilizarse junto con CSS y JavaScript.
Conclusión
HTML es un lenguaje de marcado fundamental que sirve de columna vertebral para crear y estructurar páginas web y aplicaciones web. Permite a los desarrolladores incrustar texto, imágenes, vídeo, formularios y otros elementos de contenido, formando la estructura básica de cualquier sitio web. A pesar de sus capacidades limitadas en cuanto a estilos e interactividad, HTML sigue siendo una parte integral del desarrollo web, actuando como la base sobre la que se construyen tecnologías web más complejas.
Además, el uso correcto del marcado semántico y de los estándares de HTML contribuye a mejorar la optimización para motores de búsqueda (SEO), ayudando a los motores de búsqueda a entender e indexar mejor el contenido de las páginas web.
En conjunto, HTML sigue siendo una herramienta de importancia constante en el arsenal del desarrollador web, ya que proporciona la base de la web tal como la conocemos hoy. Está en la base de incontables sitios web y continúa evolucionando, adaptándose a los nuevos requisitos y tecnologías del mundo del desarrollo web.
Publicado: 29 may. 2026