Si alguna vez has dicho que “programas en HTML” frente a un desarrollador senior, probablemente viste una pequeña mueca en su rostro. No te preocupes, hoy vamos a definir qué es este lenguaje y por qué es la base de todo lo que ves en internet.

La Anatomía de la Web
HTML no es un lenguaje de programación porque no maneja lógica, bucles o condicionales. Es un Lenguaje de Marcado de Hipertexto (HyperText Markup Language).

Piensa en una página web como un edificio:

HTML es el esqueleto (vigas, ladrillos y estructura).

CSS es la estética (pintura, acabados y decoración).

JavaScript es el sistema funcional (elevadores, luces y sensores).

¿Cómo funciona el “Marcado”?
El navegador es un intérprete. Cuando le envías un archivo .html, él lee etiquetas como

,

o y las traduce en elementos visuales.

El secreto de un Arquitecto Web no es solo poner etiquetas, sino usar las correctas. No es lo mismo un

con texto grande que un

. El segundo le dice a Google y a las tecnologías de asistencia: “¡Oye, esto es lo más importante de esta página!”.

Código Atómico: Tu primera etiqueta

<h1>Hola Mundo, soy John</h1>

<p>Estoy dominando los 2000 temas de HTML en <a href="https://dev.to">Dev.to</a>.</p>

HTML es el lenguaje de la Semántica. Un HTML bien escrito es legible para humanos, accesible para personas con discapacidad y amigable para los robots de búsqueda (SEO). Si el HTML está mal, el resto de la web sufrirá, sin importar cuánto CSS le pongas.