实训第一天
开发环境、知识点、作业
一、开发环境：sublime text 3
二、知识点：
1、Html是超文本标记语言
2、如何在sublime text 3新建html文件
（1）新建一个文件夹，直接把文件夹拉入到sublime text3
（2）在sublime里面 右键-新建文件
（3）给新文件命名，带html文件后缀，ctrl+s 保存文件
（4）在创建的新html文件中 输入 html 按tab键可以补齐代码
3、html文档的结构
<!DOCTYPE html>
<html>
<!-- 头部 -->
<head>
<meta charset="utf-8">
<title></title>
<!-- 样式 -->
<style type="text/css"></style>
</head>
<!-- 身体 -->
<body>
<!-- 行为 -->
<script type="text/javascript"></script>
</body>
</html>
4、标签需要符合开闭原则
开标签+闭标签
Eg：<div></div>
<br/>
5、块级元素、行内块元素、行内元素
块级元素：可以直接设置宽高、默认占一整行
行内块元素：可以直接设置宽高、但是不占一整行
行内元素：不可以直接设置宽高、也不占一整行
6、常见标签eg
（1）span 是一个没有任何样式的段落标签
（2）pre 是一个有带格式的p标签,可以保留缩进、换行（用于展示代码）
（3）div是没有任何样式的块级元素 用来包裹内容和分割内容
（4）<iframe> 这是一个框架元素，用来显示其他内容
（5）label 本身不会有任何的视觉效果，但是优化了鼠标用户的用户体验
7、css选择器有5种
（1）.class 类名选择器
（2）#id id选择器
（3）tagName 元素名选择器
（4）* 通配符选择器
（5）html,body,.box 分组选择器
8、js 事件的语法：
ele.action() = function(){
}
三、作业
1、通过js获取输入框中的value值
value.html
运行结果：
2、点击某个元素，更改该元素的样式
运行结果：
3、不声明新的变量，互换ab变量值（在控制台）
运行结果：
4、输出九九乘法口诀
运行结果：
在网页
1861
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
