Teoría
Teoría

Conexión de scripts externos

La mayoría de las veces, los scripts se conectan desde archivos externos con la extensión .js. Para ello, utilice la etiqueta <script> con el atributo src, que especifica la ruta al archivo. Por ejemplo:

<script src="external.js"></script>

Tenga en cuenta que la etiqueta <script> está emparejada. Si conecta scripts externos, simplemente no escriba nada dentro de la etiqueta.

Es mejor conectar los scripts externos antes de la etiqueta de cierre </body>.

En esta tarea, conectará un script externo, que se encuentra en: external.js(siga el enlace para abrir este archivo en su navegador).

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Conexión de scripts externos</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Scripts externos</h1> <p>Los scripts externos, al igual que los estilos externos, se utilizan con mucha más frecuencia que los scripts en línea.</p> <p>Es más cómodo hacer cambios en ellos, especialmente cuando el mismo script está conectado a un gran número de páginas.</p> <p>Además, los recursos externos son almacenados en caché por el navegador, lo que hace que las páginas se carguen más rápido. Y en la web, eso es importante.</p>  </body> </html>

CSS

body { margin: 20px; font-size: 18px; line-height: 24px; } h1 { font-size: 52px; line-height: 64px; font-family: "Monaco", "Courier", monospace; color: #618ad2; transition: color 0.5s; }

ObjetivosRealizado

Conecte un script externo a la página. Para ello:

Antes de la etiqueta de cierre </body> inserta la etiqueta <script></script>,
luego añádele un atributo src con el valor external.js.