怎样正确调用html外的css js文件
时间: 2023-11-21 12:05:04 浏览: 44
在HTML文件中正确调用CSS和JS文件,需要在HTML文件中使用link和script标签。具体可以按照以下步骤进行:
1. 在HTML文件中添加link标签,用于引入CSS文件。示例代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<title>My website</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- HTML内容 -->
</body>
</html>
```
在这个例子中,我们引入了名为“style.css”的CSS文件,它位于该HTML文件所在的同一目录下。
2. 在HTML文件中添加script标签,用于引入JS文件。示例代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<title>My website</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- HTML内容 -->
<script src="script.js"></script>
</body>
</html>
```
在这个例子中,我们引入了名为“script.js”的JS文件,它位于该HTML文件所在的同一目录下。
注意:在引入CSS和JS文件时,需要注意文件路径的正确性。如果文件不在同一目录下,则需要添加相对路径或者绝对路径。另外,如果文件名或路径中包含空格或其他特殊字符,需要使用引号将其括起来。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)