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

技术
今日推荐
阅读数 155
下载桌面版
GitHub
百度网盘(提取码:draw)
Gitee
云服务器优惠
阿里云优惠券
腾讯云优惠券
华为云优惠券
站点信息
问题反馈
邮箱:ixiaoyang8@qq.com
QQ群:766591547
关注微信