©2020-2024 ioDraw All rights reserved,
Privacy Policy
* 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 : 可以注释掉文字