Tarea anterior
Estructura de una página HTML10/10
A la lista de tareas
  1. 1. Por dónde empieza HTML
  2. 2. La página HTML más simple
  3. 3. El título de la página HTML
  4. 4. La codificación de la página HTML
  5. 5. Cómo conectar estilos
  6. 6. Cómo conectar estilos externos
  7. 7. El misterio del editor de CSS
  8. 8. Cómo conectar scripts
  9. 9. Cómo conectar scripts externos
  10. 10. Practicamos la conexión de estilos y scripts externos
Lista de tareas
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Teoría
  • Teoría

Practicamos la conexión de estilos y scripts externos

En este ejercicio debes conectar por tu cuenta estos recursos externos a la página:

  • El archivo de estilos final.css.
  • El archivo de scripts final.js.

Recuerda que se considera una buena práctica conectar los estilos externos dentro de <head> y los scripts antes de la etiqueta de cierre </body>.

Los archivos que vas a conectar muestran algunas de las posibilidades de CSS y JavaScript que veremos más adelante.

  • index.html
  • style.css
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Practicamos la conexión de estilos y scripts externos</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="scene"> <div class="pot pot-bot"> <div class="shadow"></div> <div class="pot pot-shadow"></div> <div class="pot pot-top"></div> <div class="plant"> <div class="head"> <ul> <li></li><li></li><li></li><li></li> <li></li><li></li><li></li><li></li> </ul> </div> </div> </div> </div> </body> </html>
CSS
li { list-style: none; }

El código ha cambiado, haz clic en "Actualizar" o activa la ejecución automática.

Ha ido a otra página

Haga clic dentro del mininavegador para poner el foco en esta ventana.

100%
ObjetivosRealizado
0
    1. Conecta el archivo de estilos final.css.
    2. Luego conecta el script final.js.

    © 2023-2026, codigoheroe.com