上一节讲了怎么实现简单的Html+css+JavaScript,可以参考上一节来实现一个简单的静态网页
前端基础教程:简单的实现Html+css+javaScript
本节课程主要是对前一节程序进行解析
html.html程序:
<!DOCTYPE html>
<html>
<head>
<title>第一个网页</title>
<meta charset="UTF-8">
<link href="./css.css" rel="stylesheet" type="text/css" >
<script src="./JavaScript.js"></script>
</head>
<body>
<h1>这是标题</h1>
<p class="content">这是文章内容</p>
<button id="like" onclick="like()">点赞</button><p id="tag">0<p>
</body>
</html>
css.css程序
h1{
text-align:center;
}
.content{
color:red;
}
#tag{
display:inline-block;
}
JavaScript.js
var love = 0;
function like() {
love++;
document.getElementById('tag').innerHTML = love;
}