如何将HTML CSS和JS链接在一起

时间:2020-09-05 16:12:41

标签: javascript html css web-frontend

我正在使用HTML,CSS和JavaScript进行一个小型网站项目。因此,我遵循了该教程,但是现在有了.html文件,.css文件和.js文件,但我不知道如何使它们协同工作。很抱歉这个愚蠢的问题,但是我真的需要知道如何在.html文件中链接.css文件和.js文件。谢谢

3 个答案:

答案 0 :(得分:5)

链接CSS-malloc

链接JS-<link rel="stylesheet" href="styles.css">

您的HTML文档将如下所示-

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

答案 1 :(得分:3)

要在HTML上导入CSS文件,请使用标签链接

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

要使用标签脚本导入js文件

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

答案 2 :(得分:1)

通常来说,您希望将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>