Hoy damos por hecho que la web existe. Abrimos un navegador, escribimos una URL y accedemos a información desde cualquier lugar del mundo. Pero la web no nació como un producto comercial, ni como una red social, ni como una plataforma de aplicaciones complejas. Nació para resolver un problema muy concreto dentro de un entorno científico.

Ese origen explica muchas decisiones técnicas que todavía influyen en cómo funciona la web hoy.

El problema antes de la web

A finales de los años 80, el CERN era uno de los centros de investigación más importantes del mundo. Miles de científicos de distintos países trabajaban ahí de forma temporal, cada uno con computadoras, sistemas operativos y formatos de información distintos.

El problema no era la falta de información, sino todo lo contrario:

  • Documentación distribuida en múltiples sistemas
  • Formatos incompatibles
  • Información difícil de encontrar y de compartir
  • Conocimiento que se perdía cuando alguien se iba del proyecto

Hacía falta una forma simple y universal de conectar documentos.

La idea de Tim Berners-Lee

En ese contexto, Tim Berners-Lee, un ingeniero del CERN, propuso algo que hoy parece obvio, pero que en su momento fue revolucionario: un sistema de documentos enlazados entre sí, accesibles desde cualquier computadora conectada a la red

La idea se apoyaba en tres conceptos clave:

  • Documentos escritos en un formato sencillo
  • Enlaces para conectar información relacionada
  • Acceso universal, sin depender del hardware o sistema operativo

De ahí nacieron HTML, las URLs y HTTP. Juntos formarían lo que después se conocería como la World Wide Web.

La primera página web en HTML

La primera página web de la historia estuvo alojada en esta dirección:

https://info.cern.ch/hypertext/WWW/TheProject.html

No tenía estilos, ni imágenes, ni scripts. Era puro texto estructurado con enlaces. Y aun así, resolvía exactamente el problema para el que fue creada.

Este es el HTML original de esa primera página:

                        
                            <HEADER>
                            <TITLE>The World Wide Web project</TITLE>
                            <NEXTID N="55">
                            </HEADER>
                            <BODY>
                            <H1>World Wide Web</H1>The WorldWideWeb (W3) is a wide-area<A
                            NAME=0 HREF="WhatIs.html">
                            hypermedia</A> information retrieval
                            initiative aiming to give universal
                            access to a large universe of documents.<P>
                            Everything there is online about
                            W3 is linked directly or indirectly
                            to this document, including an <A
                            NAME=24 HREF="Summary.html">executive
                            summary</A> of the project, <A
                            NAME=29 HREF="Administration/Mailing/Overview.html">Mailing lists</A>
                            , <A
                            NAME=30 HREF="Policy.html">Policy</A> , November's  <A
                            NAME=34 HREF="News/9211.html">W3  news</A> ,
                            <A
                            NAME=41 HREF="FAQ/List.html">Frequently Asked Questions</A> .
                            <DL>
                            <DT><A
                            NAME=44 HREF="../DataSources/Top.html">What's out there?</A>
                            <DD> Pointers to the
                            world's online information,<A
                            NAME=45 HREF="../DataSources/bySubject/Overview.html"> subjects</A>
                            , <A
                            NAME=z54 HREF="../DataSources/WWW/Servers.html">W3 servers</A>, etc.
                            <DT><A
                            NAME=46 HREF="Help.html">Help</A>
                            <DD> on the browser you are using
                            <DT><A
                            NAME=13 HREF="Status.html">Software Products</A>
                            <DD> A list of W3 project
                            components and their current state.
                            (e.g. <A
                            NAME=27 HREF="LineMode/Browser.html">Line Mode</A> ,X11 <A
                            NAME=35 HREF="Status.html#35">Viola</A> ,  <A
                            NAME=26 HREF="NeXT/WorldWideWeb.html">NeXTStep</A>
                            , <A
                            NAME=25 HREF="Daemon/Overview.html">Servers</A> , <A
                            NAME=51 HREF="Tools/Overview.html">Tools</A> ,<A
                            NAME=53 HREF="MailRobot/Overview.html"> Mail robot</A> ,<A
                            NAME=52 HREF="Status.html#57">
                            Library</A> )
                            <DT><A
                            NAME=47 HREF="Technical.html">Technical</A>
                            <DD> Details of protocols, formats,
                            program internals etc
                            <DT><A
                            NAME=40 HREF="Bibliography.html">Bibliography</A>
                            <DD> Paper documentation
                            on  W3 and references.
                            <DT><A
                            NAME=14 HREF="People.html">People</A>
                            <DD> A list of some people involved
                            in the project.
                            <DT><A
                            NAME=15 HREF="History.html">History</A>
                            <DD> A summary of the history
                            of the project.
                            <DT><A
                            NAME=37 HREF="Helping.html">How can I help</A> ?
                            <DD> If you would like
                            to support the web..
                            <DT><A
                            NAME=48 HREF="../README.html">Getting code</A>
                            <DD> Getting the code by<A
                            NAME=49 HREF="LineMode/Defaults/Distribution.html">
                            anonymous FTP</A> , etc.</A>
                            </DL>
                            </BODY>
                        
                    

Leyéndolo hoy, sorprende lo directo que es. El documento explica qué es la web, para qué sirve y ofrece enlaces a más información. Exactamente lo que sigue haciendo la web moderna, solo que con muchas más capas encima.

¿Por qué HTML fue una decisión tan importante?

HTML no fue diseñado para verse “bonito”. Fue diseñado para describir información. Títulos, párrafos, listas y enlaces. Nada más.

Esa simplicidad tuvo consecuencias enormes:

  • Cualquier persona podía crear documentos
  • Cualquier sistema podía interpretarlos
  • La información era legible incluso sin software avanzado
  • El contenido sobrevivía a cambios tecnológicos

Por eso HTML sigue existiendo décadas después, incluso rodeado de CSS, JavaScript y frameworks modernos.

Una lección que sigue siendo válida hoy

La primera página web del CERN no solo es una curiosidad histórica. Es un recordatorio de que algunas de las mejores ideas tecnológicas nacen de problemas simples, soluciones elegantes y una obsesión por la interoperabilidad.

Entender cómo empezó la web ayuda a entender por qué sigue funcionando hoy.