HTML: qué es, cómo funciona y estructura básica

El HTML (HyperText Markup Language, «lenguaje de marcado de hipertexto») es el lenguaje con el que se define la estructura y el contenido de las páginas web. No es un lenguaje de programación, sino de marcado: mediante etiquetas indica al navegador qué es un título, un párrafo, una imagen o un enlace, para que lo muestre correctamente.

¿Qué es HTML?

HTML fue creado por Tim Berners-Lee en el CERN hacia 1989-1991 como parte de la World Wide Web, con el objetivo de compartir documentos científicos enlazados entre sí. Hoy lo mantiene el WHATWG, que publica el estándar vivo llamado HTML Living Standard, tras la etapa en la que lo desarrolló el W3C. La versión que popularizó la web moderna fue HTML5, estandarizada en 2014, que incorporó elementos semánticos, vídeo, audio y gráficos sin necesidad de complementos externos.

El «hipertexto» se refiere a la capacidad de enlazar un documento con otro mediante hipervínculos, la característica que dio origen a la navegación por internet.

Cómo funciona

Un documento HTML es un archivo de texto con extensión .html o .htm. Cuando el usuario escribe una URL en el navegador web, este solicita el archivo al servidor web mediante el protocolo HTTP. El navegador recibe el HTML, lo interpreta, construye un modelo interno llamado DOM (Document Object Model) y lo representa en pantalla, junto con los estilos CSS y los scripts de JavaScript que el documento incluya.

Estructura básica de un documento

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <title>Mi primera página</title>
  </head>
  <body>
    <h1>Hola, mundo</h1>
    <p>Esto es un párrafo.</p>
  </body>
</html>

<!DOCTYPE html>: indica que el documento usa HTML5.
<html>: elemento raíz que contiene toda la página.
<head>: información sobre la página que no se muestra directamente (título, codificación, enlaces a hojas de estilo).
<body>: contenido visible para el usuario.

Etiquetas y atributos

Un elemento HTML se compone normalmente de una etiqueta de apertura, un contenido y una etiqueta de cierre: <p>Texto</p>. Algunas etiquetas, como <img> o <br>, no tienen cierre. Las etiquetas pueden llevar atributos que añaden información, como href en un enlace o src en una imagen.

Etiqueta	Función
`<h1>` a `<h6>`	Encabezados de distinto nivel
`<p>`	Párrafo de texto
`<a href="…">`	Enlace a otra página o recurso
`<img src="…" alt="…">`	Imagen con texto alternativo
`<ul>`, `<ol>`, `<li>`	Listas con viñetas y numeradas
`<table>`	Tablas de datos
`<form>`, `<input>`	Formularios y campos de entrada
`<header>`, `<nav>`, `<main>`, `<footer>`	Elementos semánticos que describen la estructura

HTML, CSS y JavaScript

Una página web moderna se construye con tres tecnologías complementarias:

HTML aporta la estructura y el contenido.
CSS (Cascading Style Sheets) define el aspecto: colores, tipografías, márgenes y diseño adaptable a móviles.
JavaScript añade interactividad y comportamiento dinámico.

Ventajas y limitaciones

Ventajas	Limitaciones
Sencillo de aprender y de leer	Por sí solo no permite lógica ni cálculos
Estándar abierto, funciona en todos los navegadores	El aspecto visual depende de CSS
Gratuito y sin licencias	Las páginas estáticas no cambian sin un lenguaje de servidor
Favorece la accesibilidad y el posicionamiento (SEO) con etiquetas semánticas	Un mal uso de las etiquetas perjudica la accesibilidad

Buenas prácticas

Usar etiquetas semánticas en lugar de contenedores genéricos.
Incluir siempre el atributo alt en las imágenes.
Definir el idioma de la página con lang.
Validar el código con el validador de marcado del W3C.
Jerarquizar correctamente los encabezados, con un único <h1> por página.

Preguntas frecuentes

¿HTML es un lenguaje de programación?

No. Es un lenguaje de marcado: describe la estructura del contenido, pero no tiene variables, bucles ni condiciones como los lenguajes de programación.

¿Quién creó HTML?

Tim Berners-Lee, investigador del CERN, lo desarrolló a principios de la década de 1990 junto con el protocolo HTTP y las primeras direcciones web.

¿Qué es HTML5?

Es la versión del estándar que consolidó los elementos semánticos y añadió soporte nativo para audio, vídeo, gráficos y formularios más completos, reduciendo la necesidad de complementos.

¿Cómo se aprende HTML?

Basta un editor de texto y un navegador. Se empieza por la estructura básica, los encabezados, enlaces e imágenes, y después se incorpora CSS y JavaScript.

¿Puedo ver el HTML de cualquier web?

Sí. Desde el navegador se puede consultar el código fuente de la página o inspeccionar sus elementos con las herramientas para desarrolladores.

Referencias

WHATWG. HTML Living Standard.
W3C. HTML5: A vocabulary and associated APIs for HTML and XHTML (Recomendación, 2014).
Berners-Lee, T. Weaving the Web. HarperCollins.

Cómo citar este artículo

Equipo de Conceptualia. (2026). «HTML». Conceptualia. https://conceptualia.es/cultura-y-sociedad/tecnologia/html/

Sobre el autor

Conceptualia — El equipo editorial de Conceptualia redacta y revisa cada concepto para que sea claro, riguroso y útil, con ejemplos y ejercicios cuando ayudan a entenderlo.