HTML
HTML基础
HTML，超文本标记语言
超文本:比文本要强大.通过链接和交互式⽅式来组织和呈现信息的文本形式.不仅仅有文本,还可能包 含图片,音频,或者自已经审阅过它的学者所加的评注、补充或脚注等等.
标记语言:由标签构成的语言
HTML代码是由"标签"构成的
类似于： 
head标签中写页面的属性
body标签中写的是页面上显示的内容
title标签中写的是页面的标题
head和body是html的子标签（html就是head和body的父标签）
title是head的子标签，head是title的父标签
head和body之间是兄弟关系
标签之间的结构关系，构成了一个DOM树
HTML常见标签
1.标题标签
2.段落标签
p标签表示一个段落
p标签描述的段落前面没有缩进
自动根据浏览器宽度决定排版
html内容收尾处的换行、空格均无效
在html中文字之间输入多个空格只相当于一个空格
html中直接输入换行不会真的换行，而是相当于一个空格
3.换行标签
想要完成换行可以通过<br/>标签来实现
只是一个单标签，br标签不像p标签那样带有一个很大的空隙
4.图片标签
img标签必须带有src属性，表示图片的路径 
5.超链接
href：必须具备，表示点击后会跳转到哪个页面
target：打开方式 默认是 _self. 如果是_blank 则是新的标签页打开
- 外部链接
- 内部链接 网站内部页面之间的链接，写相对路径即可
- 空链接 使用#在helf中占位
表格标签
table标签：表示整个表格
tr：表示表格的一行
td：表示一个单元格
thead：表格的头部区域
tbody：表格的主题区域
可以合并单元格
表单标签
表单是让用户输入信息的重要途径
分成两个部分：
表单域：包含表单元素的区域，重点是form标签
表单控件：输入框，提交按钮等，重点是input标签
1.form标签
描述了要把数据按照什么方式，提交到哪个页面中
2.input标签
各种输入控件，单行文本框、按钮、单选框、复选框
- type（必须有）取值有很多，button、checkbox、text、file、image、password、radio等
- name：给input起名字，尤其是单选按钮，具有相同的name才能多选一
- value：input中的默认值
- checked：默认被选中（用于单选按钮和多选按钮）
3.select标签
下拉菜单
option 中定义 selected="selected" 默认表示选中
4.textarea标签
文本域中的内容就是默认内容，空格也会影响
提交后
如果不加value，url的查询字符串中显示不出来，例如gender不管选什么都是显示gender=on
加入value
练习
无语义标签 div&span
就是两个盒子，用于网页布局
div是独占一行，是一个大盒子
span不独占一行，是一个小盒子
CSS
CSS介绍
CSS 层叠样式表，用于控制页面的样式
基本语法规范
选择器+{一条/N条声明}
- 选择器决定针对谁修改
- 声明决定修改什么
- 声明的属性是键值对
引入方式
CSS选择器
1.标签选择器
2.class选择器
3.id选择器
4.复合选择器
5.通配符选择器
常用CSS
1.color
2.font-size
3.border CSS Border(边框) | 菜鸟教程
4.weidth/height
5.padding 内边距
6.margin 外边距
JavaScript
引入方式
基础语法
变量 & 类型
注意：JavaScript是一门动态弱类型语言，变量可以寸法不同类型的值（动态），随着程序的运行，变量的类型可能会发生变化
运算符
JavaScript对象
数组
1.使用new关键字创造
2.使用字面量方式创建
函数
对象
JQuery
语法
JQuery选择器
JQuery事件
操作元素
1.获取/设置元素
2.获取/设置元素属性
3.获取/设置csss属性
4.添加元素
5.删除元素
综合案例
猜数字
表白墙
