Haga lo que hicimos en aula | HTML y CSS: ambientes de desarrollo, estructura de archivos y tags | Alura Latam

¡Hola Estudiante, espero que estés bien!

Parece que estás trabajando en la organización de un proyecto de front-end en VSCode. Según la imagen, ya has creado un archivo index.html dentro de una carpeta llamada "PRUEBA DE CSS Y HTML". Aquí tienes algunos pasos para continuar, basados en lo que hicimos en clase:

Estructura de Archivos: Asegúrate de que tu carpeta de proyecto tenga una estructura clara. Por ejemplo:
- index.html para tu archivo HTML principal.
- Una carpeta css para tus archivos CSS.
- Una carpeta js para tus archivos JavaScript.
Crear Archivos CSS y JS:
- Haz clic derecho en la carpeta de tu proyecto en el explorador de VSCode.
- Selecciona "Nuevo archivo" y crea un archivo llamado styles.css dentro de la carpeta css.
- Crea otro archivo llamado scripts.js dentro de la carpeta js.

Enlazar Archivos en index.html:

Asegúrate de enlazar tus archivos CSS y JS en el index.html:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mi Proyecto</title>
    <link rel="stylesheet" href="css/styles.css">
</head>
<body>
    <h1>Hola Mundo</h1>
    <script src="js/scripts.js"></script>
</body>
</html>

Comienza a Codificar: Ahora puedes empezar a añadir contenido y estilos a tu proyecto.

Espero que esto te ayude a seguir adelante con tu proyecto. ¡Bons estudios!