如何在网页中引入外部JS文件和CSS样式文件?

HTML文件中怎么样引入CSS样式和JS,这篇文章总结了在HTML中引入CSS和JS的方法。希望对各位有帮助!!

如何在网页中引入外部JS文件和CSS样式文件?

一、引入外部js文件

(1)在</body>标签前添加<script></script>标签

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script></script>
</body>
</html>

(2)给script标签添加src属性,指向js文件

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

注:在 HTML5 中,type 属性不再是必需的。默认值是 "text/javascript"。

二、引入外部css文件

(1)在head标签中添加<link>标签

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link>
</head>
<body>
</body>
</html>

(2)给link标签添加rel和href属性

<link rel="stylesheet" href="main.css">

更多HTML5相关技术文章,请访问HTML5答疑栏目进行学习!

以上就是如何在网页中引入外部JS文件和CSS样式文件?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读