Antes de empezar

1. Instala un editor de código

Un editor de código es como un Word para programadores. Te permite escribir código con colores que te ayudan a entenderlo, detecta errores y te sugiere texto mientras escribes.

Recomendamos VS Code (gratuito, funciona en Windows, macOS y Linux):

1. Ve a code.visualstudio.com
2. Descarga la versión para tu sistema operativo
3. Instálalo siguiendo los pasos del instalador
4. Ábrelo — verás una pantalla de bienvenida

Si prefieres otro editor (Cursor, Sublime Text, etc.), también funciona. Los pasos del reto son compatibles con cualquier editor.

2. Crea una carpeta para tu proyecto

Cada proyecto de programación vive en su propia carpeta. Todos los archivos que crees irán ahí dentro.

3. Abre la carpeta en tu editor

Es importante que el editor sepa en qué carpeta estás trabajando. Así puede mostrarte todos los archivos del proyecto.

1. Abre VS Code (o tu editor)
2. Ve a Archivo → Abrir carpeta (o File → Open Folder)
3. Selecciona la carpeta que acabas de crear
4. En la barra lateral izquierda verás el nombre de tu carpeta — ahí es donde aparecerán los archivos que crees

4. Crea tu primer archivo

Las páginas web se escriben en archivos con extensión .html. Vamos a crear uno de prueba.

1. En la barra lateral de tu editor, haz clic en el icono de "nuevo archivo" (un icono de hoja con un +)
2. Escribe index.html como nombre
3. Dentro del archivo, escribe: <h1>Hola mundo</h1>
4. Guarda con Ctrl+S (Windows/Linux) o Cmd+S (macOS)

5. Ábrelo en el navegador

Para ver tu página web, simplemente abre el archivo en tu navegador (Chrome, Firefox, Safari, etc.).

1. Ve a tu carpeta de proyecto en el explorador de archivos
2. Haz doble clic en index.html
3. Se abrirá en tu navegador y verás Hola mundo en grande

Cada vez que hagas cambios en el código y guardes, recarga la página del navegador (F5 o Ctrl+R) para ver los cambios.