HTML: el formato estándar de la web

HTML (HyperText Markup Language) es el lenguaje fundamental usado para estructurar cada página web. No es un lenguaje de programación—es un lenguaje de marcado que usa etiquetas para definir elementos como encabezados, párrafos, enlaces, imágenes y formularios.

Estructura básica de un documento HTML

<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Título de la página</title> </head> <body> <h1>Encabezado principal</h1> <p>Párrafo de texto.</p> <a href="https://ejemplo.com">Texto del enlace</a> <img src="imagen.jpg" alt="Descripción"> </body> </html> 

Conceptos clave

• Elementos: Etiqueta de apertura + contenido + etiqueta de cierre (por ejemplo, <p>texto</p>). Elementos vacíos como <img> se autocierran.
• Atributos: Información adicional dentro de la etiqueta de apertura (href, src, alt, class, id).
• HTML semántico: Etiquetas que transmiten significado (<header>, <nav>, <article>, <section>, <footer>) mejoran la accesibilidad y SEO.
• DOCTYPE: <!DOCTYPE html> activa el modo estándar en los navegadores.

HTML + CSS + JavaScript

HTML proporciona estructura. CSS maneja la presentación (diseño, colores, fuentes). JavaScript añade interactividad. Juntos forman el stack de front-end.

Por qué HTML sigue siendo el estándar

• Soporte universal en navegadores.
• Accesible por defecto (lectores de pantalla analizan etiquetas semánticas).
• Los motores de búsqueda indexan el contenido HTML directamente.
• Extensible mediante Web Components, elementos personalizados.
• Estándar vivo (WHATWG) — actualizado continuamente.

Cada sitio web que visitas, desde Google hasta esta página, está construido sobre HTML en su núcleo.