¿Qué es HTML?
HTML (HyperText Markup Language) no es un lenguaje de programación, sino un lenguaje de marcado. Esto significa que utiliza "marcas" o "etiquetas" para definir la estructura y el significado del contenido en una página web.
Imagina que estás escribiendo un periódico. Necesitas titulares, párrafos, imágenes y listas. HTML te proporciona las herramientas para identificar cada una de estas partes para que el navegador sepa cómo mostrarlas.
Hipertexto y Marcado
- Hipertexto (HyperText): Se refiere a los enlaces que conectan las páginas web entre sí, formando lo que conocemos como la "Web" (Telaraña).
- Lenguaje de Marcado (Markup Language): Es el sistema de etiquetas que envuelven el contenido para estructurarlo lógicamente.
¿Cómo funciona?
Cuando visitas una página web, tu navegador web (como Chrome, Firefox o Safari) solicita un archivo HTML a un servidor. El navegador lee el archivo HTML de arriba a abajo y utiliza las etiquetas para renderizar la página visualmente.
Por ejemplo, si el navegador encuentra:
<h1>Este es un título principal</h1>
<p>Este es un párrafo de texto explicativo.</p>
Sabrá que debe mostrar el primer texto en un tamaño grande y destacado (como un título) y el segundo como un bloque de texto normal.
HTML vs. CSS y JavaScript
En el desarrollo web moderno, HTML rara vez trabaja solo. Forma parte de un trío esencial:
- HTML (Estructura): Define "qué es" cada cosa (un título, un párrafo, una imagen).
- CSS (Presentación): Define "cómo se ve" (colores, fuentes, diseño).
- JavaScript (Comportamiento): Define "qué hace" (interactividad, animaciones, cálculos).
Juntos, permiten crear experiencias web ricas y dinámicas.