Come collegare css html e js insieme [duplicato]
Sto lavorando a un piccolo progetto di sito web che utilizza HTML, CSS e JavaScript. Quindi ho seguito il tutorial, ma ora che ho un file .html, un file .css e un file .js non so come farli lavorare insieme. Scusa per la domanda stupida, ma ho davvero bisogno di sapere come collegare il file .css e il file .js nel file .html. Grazie
Risposte
Per collegare CSS - <link rel="stylesheet" href="styles.css">
Per collegare JS - <script src="myscripts.js"></script>
Il tuo documento HTML sarebbe simile a questo:
<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>Per importare file css su html usa il tag link
<link rel="stylesheet" href="style.css"> // file.css
Per importare file js utilizzare tag script
<script src="file.js"></script> // file.js
In generale, vuoi inserire il tuo CSS (foglio di stile) nel tuo <head>tag.
Per esempio:
<head>
<link rel="stylesheet" href="path_to_css.css" />
</head>
Parlando di script, al giorno d'oggi penso che i browser caricano JavaScript in parallelo, quindi non fa una grande differenza, ma da quello che ho imparato in passato - mettere javascript appena prima della fine del <body>tag è una buona pratica.
<body>
... your HTML content here
...
<script src="path_to_js.js" />
</body>