HTML

Descubriendo HTML

La web ha cambiado nuestras vidas: cambió nuestra forma de comunicarnos, de trabajar, de jugar, de aprender... de todo. Seguro que recuerdas esos días jugando juegos de navegador, las descargas de música sin saber si tendrías virus, los foros, las amistades que creaste en la red.

Hubo un momento en el que nada de eso existía, internet era como el universo antes de que se dieran las condiciones para la vida, un espacio inerte lleno de potencial.

Entonces llegó Tim Berners-Lee. Imagínalo en 1989, en su oficina del CERN en Suiza, rodeado de papeles y cables. Los científicos compartían documentos constantemente, pero encontrar información era como buscar una aguja en un pajar cósmico.

Tim tuvo una idea revolucionaria: ¿y si los documentos pudieran conectarse entre sí como una telaraña gigante? A su creación le puso el nombre de HTML (HyperText Markup Language), que se traduce como "Lenguaje de Marcado de Hipertexto". Sin saberlo, acababa de plantar la semilla de todo lo que conoces hoy como la web.

Marcado de hipertexto

Pero, ¿qué significa ese nombre tan peculiar?

El hipertexto es texto que contiene enlaces a otros documentos — como portales mágicos que te transportan de un lugar a otro. Si lo piensas bien, la esencia de la web es precisamente eso: un laberinto infinito de documentos conectados entre sí.

Aunque HTML no se considera un lenguaje de programación (es un lenguaje de marcado), es el corazón de todo sitio web. Sin HTML, la web simplemente no existiría.

¿Cómo creo mi primer sitio web?

Aquí viene la mejor parte: no necesitas nada especial para empezar.

HTML es simplemente texto. Podrías escribirlo incluso en un bloc de notas y funcionaría. Sin embargo, existen herramientas llamadas "editores de código" que hacen tu vida más fácil, como un taller bien equipado para un artesano.

¿El navegador? Ya lo tienes — gracias a él estás leyendo esto. ¿El editor de código? Mira a tu derecha. Tienes uno integrado listo para que empieces a experimentar sin salir de aquí.

Creando nuestro primer sitio web

Toda aventura tiene un comienzo, y este será tu primer paso. Cuando seas un profesional de la web, recordarás con cariño tu primera línea de código.

Copia el siguiente código en el editor que tienes a tu derecha y comprueba el resultado:

Etiquetas: los ladrillos mágicos de la web

¡Felicidades, has creado tu primer sitio web! 👏🎉

Aún no es la web más bonita del mundo o la más funcional, pero es tu primer paso — y es el más especial.

Lo que acabas de escribir se llama etiqueta. Piensa en las etiquetas como ladrillos mágicos: cada uno tiene un propósito especial. El <h1> es como un cartel luminoso que le dice al navegador: "¡Esto es importante, es un título!"

Así como un arquitecto combina ladrillos para construir edificios increíbles, tú combinarás etiquetas para crear sitios web. Próximamente aprenderás muchas más y descubrirás cómo dar vida a tus ideas.

Tu primer desafío 🚀

¿Listo para demostrar lo que has aprendido?

Escribe el código del título en el editor, si no lo habías hecho todavía, y pulsa "Comprobar solución". Si lo logras, el camino al siguiente capítulo se abrirá ante ti.

La aventura apenas comienza...