- HTML 定义了网页的内容
- CSS 描述了网页的布局
- JavaScript 控制了网页的行为
一.链接三个文件:
1.HTML文件
<html>
<head>
<link rel = "stylesheet" href = "demo08-02.css"/>
<script type = "text/javascript" src = "demo08-01.js"></script>
</head>
<body>
<p>这是一段文字</p>
<button type = "button" onclick = change()>点击一下</button>
</body>
</html>
使用link添加css文件的样式,使用script标签添加js文件
2.js文件
function change()
{
window.alert("点击成功");
}
我这边js就定义了一个窗口弹窗,也可以了解一下js输出的四种方式
- 使用 window.alert() 弹出警告框。
- 使用 document.write() 方法将内容写到 HTML 文档中。
- 使用 innerHTML 写入到 HTML 元素。
- 使用 console.log() 写入到浏览器的控制台。
3.css文件
p{
background-color:red;
color : blue;
}
css样式中设置了一下背景颜色,和字体颜色,一般有一个写的顺序的,还没有弄得非常明白
- 首先写的布局:display/posion/float
- 自身属性:width/height/border
- 文本属性:color/size/font
4.快捷键
! + Tab : 直接生成基础的Html框架
Alt + Shift + A : 可以注释掉文字