Teoría
Teoría

Cómo conectar scripts

En la web, los roles se reparten así: HTML se encarga de la estructura del documento, los estilos de su apariencia y los scripts de su comportamiento. Con los scripts, por ejemplo, se puede «dar vida» a la página añadiendo animaciones y otros efectos. Los scripts se escriben con JavaScript.

Los scripts se conectan de forma similar a los estilos: pueden escribirse dentro de la página o conectarse como archivos externos.

Los scripts integrados se escriben dentro de la etiqueta <script>. Por ejemplo:

<script>
  código JavaScript
</script>

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

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Cómo conectar scripts</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Cómo conectar scripts</h1> <p class="blinking">Los scripts también se pueden agregar de distintas maneras. Una de ellas es escribirlos 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

Quita los comentarios de la etiqueta <script>.