day08 html框架和css初步认识

回顾：
table标签中包括
1、thead表格的头部有加粗效果，
2、tbody作为表格的主体，不可以省略
3、tfoot是表格的底部，用作统计
每一行的数列应该相等

html表单

1.表单：是网页提交数据的载体，也是前后台交互的重要环节
用户-> 表单-> 后台-> 数据库
用户通过表单把数据提交后台，后台把数据上传到数据库中
例：注册、登录界面、搜索栏…都属于表单
2.表单的标签 form，属性action在没有数据库地址的情况下可以写a.action，在有数据库的情况下从数据库调用地址。

属性2：method有两种请求方式：
在传输信息中，传输报文分为请求行，请求体，请求尾。这两种是浏览器主要识别的两种方式
（1）GET：get参数拼接在url的后面，通过？分隔，传递的参数较少，并且没有请求体，例：查询信息，通过id删除信息，在不涉及保密的信息时可以使用get

（2）POST：参数存放在请求体中，传递参数较多，而且比较安全，后期会给传输数据进行加密处理。例：保存更新、学生信息、批量删除

属性3：enctpy，编码方式
（1）默认为：enctpy=“application/x-www-form-urlencoded” 是定义浏览器编译语言，浏览器会将参数转换为（字符串查询）

（2）multipart/form-data(多部分表单格式）一次性放一部分，当有附件在表单中，enctpy必须使用该值

3.input属性
（1）name 不能省略，作为参数中的key
（2）value 作为参数中的value，在按钮中务必指定value的值
（3）type：
text：单行本文框

password：密码框

submit：按钮

file：附件选择器

radio：单选按钮
checkbox：复选按钮
checked（=checkd）单值属性，默认选中，单选复选按钮中使用
（点住网址回车强制刷新网页）
select 单行文本框（行内元素）
属性：option 标签中的文本会显示在网页中，提交的值应该是option的value（不要省略）值，当这个值没有设定时，提交的是标签中的文本
textarea 多行文本域 （添加提示内容）

css

1.介绍：层叠 多个样式表修饰同一个元素，继承，优先级样式表 多个样式组合起来的表{ color：#fffff； }
2.使用方法：在html中如何应用css
（1）元素中添加style属性，style属性值为css样式规则
< div style=“width:100px;height:100px;”>
缺点 ：样式与结构杂糅
有点：方便，直接，优先级高
（2）将样式添加到head标签中的style的标签里

** 参照接口**
http://134.175.154.93:8099/swagger-ui.html (后台接口）
将数据保存到数据库，或者用数据库查询数据