Jak połączyć html css i js razem [duplikat]

Question

Pracuję nad małym projektem strony internetowej przy użyciu HTML, CSS i JavaScript. Postępowałem więc zgodnie z samouczkiem, ale teraz, gdy mam plik .html, plik .css i plik .js, nie wiem, jak je połączyć. Przepraszam za głupie pytanie, ale naprawdę muszę wiedzieć, jak połączyć plik .css i plik .js w pliku .html. Dzięki

Answer 1

Aby połączyć CSS - <link rel="stylesheet" href="styles.css">

Aby połączyć JS - <script src="myscripts.js"></script>

Twój dokument HTML wyglądałby następująco -

<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>

Answer 2

Aby zaimportować pliki css do html, użyj linku do tagu

<link rel="stylesheet" href="style.css"> // file.css

Aby zaimportować pliki js, użyj skryptu tagów

<script src="file.js"></script>  // file.js

Answer 3

Ogólnie mówiąc, chcesz umieścić swój CSS (arkusz stylów) w <head>tagu.

Na przykład:

<head>
    <link rel="stylesheet" href="path_to_css.css" />
</head>

Mówiąc o skryptach, w dzisiejszych czasach wydaje mi się, że przeglądarki ładują JavaScript równolegle, więc nie robi to dużej różnicy, ale z tego, czego nauczyłem się w przeszłości - umieszczenie javascript tuż przed końcem <body>tagu jest dobrą praktyką.

<body>
  ... your HTML content here
  ...
  <script src="path_to_js.js" />
</body>