Hola David, espero que estés bien
Parece que ya has creado una carpeta llamada "PRUEBA" y dentro de ella un archivo llamado index.html
, lo cual es un buen comienzo. A continuación, te doy algunos pasos adicionales para asegurarte de que estás siguiendo correctamente lo que se hizo en la clase:
Estructura de Archivos: Asegúrate de que dentro de la carpeta "PRUEBA" tengas los archivos necesarios para tu proyecto. Por ejemplo:
index.html
para el contenido HTML.styles.css
para los estilos CSS.script.js
para cualquier JavaScript que necesites.Abrir la Carpeta en VSCode: Parece que ya lo hiciste, pero asegúrate de que la carpeta completa esté abierta en VSCode. Esto te permitirá ver todos los archivos y carpetas que crees dentro de "PRUEBA".
Editar el index.html
: Puedes comenzar a editar el index.html
con una estructura básica de HTML. Aquí tienes un ejemplo sencillo:
<!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="styles.css">
</head>
<body>
<h1>Hola, mundo!</h1>
<script src="script.js"></script>
</body>
</html>
Crear y Vincular Archivos CSS y JS: No olvides crear los archivos styles.css
y script.js
si los necesitas y vincularlos en tu index.html
como se muestra en el ejemplo anterior.
Espero que estos pasos te ayuden a avanzar en tu proyecto. ¡Bons estudios!