Cómo vincular html css y js juntos [duplicado]
Estoy trabajando en un pequeño proyecto de sitio web usando HTML, CSS y JavaScript. Así que seguí el tutorial, pero ahora que tengo un archivo .html, un archivo .css y un archivo .js, no sé cómo hacer que funcionen juntos. Perdón por la pregunta tonta, pero realmente necesito saber cómo vincular el archivo .css y el archivo .js en el archivo .html. Gracias
Respuestas
Para vincular CSS: <link rel="stylesheet" href="styles.css">
Para vincular JS - <script src="myscripts.js"></script>
Su documento HTML se vería así:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Title of your HTML page</title>
</head>
<body>
<!-- Put your HTML here -->
<script src="myscripts.js"></script>
</body>
</html>Para importar archivos css en html use el enlace de etiqueta
<link rel="stylesheet" href="style.css"> // file.css
Para importar archivos js use un script de etiqueta
<script src="file.js"></script> // file.js
En términos generales, desea poner su CSS (hoja de estilo) en su <head>etiqueta.
Por ejemplo:
<head>
<link rel="stylesheet" href="path_to_css.css" />
</head>
Hablando de scripts, hoy en día creo que los navegadores cargan JavaScript en paralelo, por lo que no hace una gran diferencia, pero por lo que aprendí en el pasado, poner javascript justo antes del final de la <body>etiqueta es una buena práctica.
<body>
... your HTML content here
...
<script src="path_to_js.js" />
</body>