表格:table(注意层级结构)
数据的简单展示,一般使用DIV+CSS进行布局
边框border=’1’ 外边距cellspacing=’0’
内边距cellpadding=’10‘,width=’50px/100%’
对齐效果 align=’center/left/right’
Caption表格标题
thead表头,可写可不写
Th(有加粗效果)\td(普通)不可单独存在
合并行:rowspan=’要合并的行数’
合并列:colspan=’要合并的列数’
HTTP:应用层的协议
相应的状态码:http status 200(ok) 404(请求失败,地址错误) 500(源代码出现错误)
请求方式method:get post
Get:显式的,大小有限制(小) 浏览器的地址栏,超链接,表单
表单数据被附加在url上,使用?分隔
Post:隐式的,大小有限制(大) 表单数据包含在http协议的请求报文体部
一次请求:
请求报文:请求行请求报文:
请求行: method url HTTP/1.1
请求头:客户端和服务端约定的系统属性、自定义的属性、令牌
请求体:
GET请求报文:
GET http://ww.baidu.com/baidu/index.html?wd=12&k1=v1 HTTP/1.1\r\n
Host:http://ww.baidu.com\r\n
User-agent:safri…\r\n
Connection:keep-alive\r\n
\r\n
Null
POST请求报文:
POST http://www.baidu.com/baidu/index.html HTTP/1.1\r\n
Host:http://ww.baidu.com\r\n
User-agent:safri…\r\n
Connection:keep-alive\r\n
\r\n
Wd=123&k1=v1&k2=v2
10101010101010101010101010
响应报文:
响应行:HTTP/1.1 200 OK\r\n
响应头:
Content-Type:text/html;charset=utf-8\r\n
Content-Length:大小\r\n
…\r\n
\r\n
响应体:0101010101
Textarea–》Keditor
Meter–>扇形图 echarts
Time/date/color
Emal/number/tel:正则验证
组件库、第三方库
一次响应
Form:表单,成对出现的标签
必写Action:(地址eg:logiin.jsp)
必写Method:(提交方式)
Enctype:(编码方式)
提交视频等大文本对象,form的enctype属性是multipart/form-data,method是post
Input标签:
Type:(类型)(type=”file时”,可以上传照片文件等)
必写Name:(服务器端接收的变量名,有实际含义,一般不随便取)
Target:(_blank/_self)
Value:(自定义显示的文字),选项的时候会写value,
用户填写好数据时,不会写value
默认值的时候可以写value
Placeholder-html5的属性:提示
checked单选框,复选框默认选中属性
disabled禁用组件,不允许用户编辑,name就算取值,也不会传入后台
Readonly只读,name取值会传入后台
Maxlength可输入的最大字符数,适用于控件类型为text,password
Html新增的标签是语义标签,eg:nav导航,video视频,audio音频
Lable:实现关联聚焦
for中是要聚焦的id的值
下拉菜单:(默认显示第一个option,select中不写value时,默认显示option的value值)
注:form和table一起时,先写form
<Ifram src=”地址”》:内联框架
<Ifram frameborder=”0”当前是否显示内联框架的边框,scrolling=”0”滚动条无 hspace=”0”垂直空隙>
Progress:进度条
游标进度:
Output