Как связать html css и js вместе

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


javascript html css web-frontend
person AndreaLBB    schedule 05.09.2020    source источник
comment
Отвечает ли это на ваш вопрос? Где я должен разместить CSS и код Javascript на веб-странице HTML?   -  person Rayees AC    schedule 05.09.2020

Ответы (3)


arrow_upward
5
arrow_downward

Чтобы связать 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>

person Nikhil Singh    schedule 05.09.2020

arrow_upward
3
arrow_downward

Чтобы импортировать файлы css в html, используйте ссылку тега

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

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

<script src="file.js"></script>  // file.js
person Benjamín Colin    schedule 05.09.2020

arrow_upward
1
arrow_downward

Вообще говоря, вы хотите поместить свой 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>
person wilkoklak    schedule 05.09.2020