Teoría
Teoría

Conexión de scripts

La web tiene el siguiente reparto de papeles: el HTML se encarga de la estructura del documento, los estilos de su aspecto y los scripts de su comportamiento. Con ayuda de los scripts, por ejemplo, se puede "animar" la página añadiendo animaciones y otros efectos. Los scripts se crean utilizando el lenguaje JavaScript.

Los scripts se adjuntan de la misma forma que los estilos: se escriben dentro de la página o se adjuntan como archivos externos.

Los scripts en línea se escriben dentro de la etiqueta <script>. Por ejemplo:

<script>
  Código JavaScript
</script>

La etiqueta <script> puede utilizarse en cualquier parte del documento HTML, pero es mejor insertarla al final, antes de la etiqueta de cierre </body>.

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Conexión de scripts</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Conexión de scripts</h1> <p class="blinking">Puede conectar scripts de varias maneras. Una forma es describir los scripts directamente dentro de la página HTML.</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; } .big-font { font-size: 24px; line-height: 36px; } p { transition: font-size 0.5s; }

ObjetivosRealizado

Descomente la etiqueta <script>.