Как связать html css и js вместе [дубликат]

Question

Я работаю над небольшим проектом веб-сайта с использованием HTML, CSS и JavaScript. Итак, я последовал руководству, но теперь, когда у меня есть файл .html, файл .css и файл .js, я не знаю, как заставить их работать вместе. Извините за глупый вопрос, но мне действительно нужно знать, как связать файл .css и файл .js в файле .html. благодаря

Answer 1

Чтобы связать CSS - <link rel="stylesheet" href="styles.css">

Чтобы связать JS - <script src="myscripts.js"></script>

Ваш HTML-документ будет выглядеть так -

<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

Для импорта файлов css в HTML используйте ссылку тега

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

Для импорта файлов js используйте скрипт тега

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

Answer 3

Вообще говоря, вы хотите поместить свой CSS (таблицу стилей) в свой <head>тег.

Например:

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

Говоря о скриптах, в настоящее время я думаю, что браузеры загружают JavaScript параллельно, так что это не имеет большого значения, но из того, что я узнал в прошлом, размещение javascript непосредственно перед концом <body>тега является хорошей практикой.

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