HTML

#Codigo HTML Documentación del código en HTML bien detallado

!DOCTYPE html Esta línea define el tipo de documento como HTML5.

html lang="es" Esto indica que el lenguaje utilizado en el contenido de la página es el español.

head Esto marca el comienzo de la sección de encabezado de la página.

meta charset="UTF-8" Establece la codificación de caracteres utilizada en la página como UTF-8, lo que permite que la página muestre correctamente los caracteres especiales.

meta http-equiv="X-UA-Compatible" content="IE=edge" Esta línea proporciona una forma para que los desarrolladores controlen cómo se muestra su página web en versiones antiguas de Internet Explorer.

meta name="viewport" content="width=device-width, initial-scale=1.0" Establece el ancho de la ventana del navegador para que sea igual al ancho del dispositivo y establece la escala inicial en 1.0.

title>Particulas en JavaScript</title Establece el título de la página que aparecerá en la pestaña del navegador.

link rel="stylesheet" href="style.css" Esto vincula la hoja de estilo "style.css" a la página HTML para dar estilo a la página.

link rel="preconnect" href="https://fonts.googleapis.com/" Esta línea establece una conexión de preconexión con el servidor de fuentes de Google para cargar más rápidamente las fuentes utilizadas en la página.

link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin Establece una conexión de preconexión con el servidor de fuentes de Google para cargar más rápidamente las fuentes utilizadas en la página.

link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet" Esto importa la fuente Montserrat de Google Fonts con diferentes pesos e itálicas para utilizar en la página.

link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/devicon/2.14.0/devicon.min.css" integrity="sha512-Fx1qTIVtFTb41Tqu+TxfaaPCcpmkRIbOIKh+4OIwVYAECoW89rz4BnRy95Vu8MYSRgghC3pS9mJ435hzarnZcw==" crossorigin="anonymous" referrerpolicy="no-referrer" Esto importa un conjunto de iconos de la biblioteca Devicons para utilizar en la página.

link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" Esto importa la fuente Material Icons de Google Fonts para utilizar en la página.

script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script Esto importa la biblioteca Anime.js para animaciones La línea 11 carga la librería de íconos "Material Icons" desde el servidor de Google Fonts.

La línea 12 carga la librería "anime.js", una librería de animación para JavaScript, desde la CDN de Cloudflare.

La línea 15 inicia el cuerpo del documento HTML.

La línea 16 crea un elemento canvas con la clase "fireworks". Esto es donde se dibujarán las partículas.

La línea 17 carga el archivo "particulas.js", que contiene el código JavaScript para crear y animar las partículas.

La línea 18 cierra el cuerpo del documento HTML.

La línea 19 cierra el documento HTML.