HTML中引入css和js的方法

JavaScript014

HTML中引入css和js的方法,第1张

我们在HTML中经常需要引入CSS和JS文件，那么如何引入呢？下面我给大家演示一下。

工具/材料

Sublime Text

首先新建一个文件夹，在文件夹下面建立如下图所示的文件

接下来用Sublime Text打开HTML文件，写入HTML结构，如下图所示

然后我们在Head标签内用link标签引入CSS文件，如下图所示

最后用Script标签引入JS文件即可，如下图所示

html代码

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<link href="mycss.css" rel="stylesheet" type="text/html" />

</head>

<body>

<div id="temp"></div>

</body>

<script type="text/javascript" src="myjs.js"></script>

</html>

mycss.css的代码

#temp {

width: 100px

height: 100px

background: black

}

myjs.js的代码

window.onload = function(){

alert("写给怎么在HTML页面中引用JS,CSS文件? 麻烦写个具体代码")

}

以上三个文件都是放在同一个目录下的，如果需要在不同的目录下请修改css的href和js的src即可