Tarea anterior
Estructura de la página HTML10/10
A la lista de tareas
  1. 1. Dónde empieza HTML
  2. 2. Una simple página HTML
  3. 3. Encabezado de página HTML
  4. 4. Codificación de páginas HTML
  5. 5. Estilos de conexión
  6. 6. Conexión de estilos externos
  7. 7. El misterio del editor CSS
  8. 8. Conexión de scripts
  9. 9. Conexión de scripts externos
  10. 10. Conexión segura de estilos y scripts externos
Lista de tareas
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Teoría
  • Teoría

Conexión segura de estilos y scripts externos

En esta tarea, deberá conectar usted mismo los recursos externos a la página:

  • Archivo de estilo final.css.
  • Archivo de script final.js.

No olvides que se considera una buena práctica incluir los estilos externos en <head>, y los scripts antes de la etiqueta de cierre </body>.

En los plugins hay demostraciones de funciones CSS y JavaScript que exploraremos más adelante.

  • index.html
  • style.css
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Conexión segura 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. Conecte el archivo de estilo final.css.
    2. A continuación, conecte el script final.js.

    © 2023-2025, codigoheroe.com