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: 可以注释掉文字