Comment lier html css et js ensemble [dupliquer]
Je travaille sur un petit projet de site Web utilisant HTML, CSS et JavaScript. J'ai donc suivi le tutoriel, mais maintenant que j'ai un fichier .html, un fichier .css et un fichier .js, je ne sais pas comment les faire fonctionner ensemble. Désolé pour la question idiote, mais j'ai vraiment besoin de savoir comment lier le fichier .css et le fichier .js dans le fichier .html. Merci
Réponses
Pour lier CSS - <link rel="stylesheet" href="styles.css">
Pour lier JS - <script src="myscripts.js"></script>
Votre document HTML ressemblerait à ceci -
<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>Pour importer des fichiers CSS sur HTML, utilisez le lien de balise
<link rel="stylesheet" href="style.css"> // file.css
Pour importer des fichiers js, utilisez un script de balise
<script src="file.js"></script> // file.js
De manière générale, vous souhaitez mettre votre CSS (feuille de style) dans votre <head>balise.
Par exemple:
<head>
<link rel="stylesheet" href="path_to_css.css" />
</head>
En parlant de scripts, de nos jours, je pense que les navigateurs chargent JavaScript en parallèle, donc cela ne fait pas une grande différence, mais d'après ce que j'ai appris dans le passé - mettre javascript juste avant la fin de la <body>balise est une bonne pratique.
<body>
... your HTML content here
...
<script src="path_to_js.js" />
</body>