1 表格的标题
整个表格的标题 caption 默认在表格上边水平方向处于居中位置,放在末尾最终也不会显示在下边
表格的列标题 将td换成th,th的内容默认水平垂直居中并且是加粗效果
2 表格按照数据行分组:thead 表头 tbody表体 tfoot 表尾
一个表格中thead tbody tfoot要出现就同时出现,要么就都不出现
三者出现的顺序 thead tfoot tbody
一个表格只能有一个thead tfoot,可以存在多个tbody
rules 表格的分割线 all 横向纵向分割线
rows 横向分割线 cols纵向分割线
none 默认没有 groups组分割线
组分割线与colgroup或者col连用,可以实现相邻的列合并(注意:下面的表格里没有任何的单元格合并),添加span属性,span默认值为1,默认一列是一组,span=几就是将相邻的几列合并在一起
col是没有分割线出现的,colgroup可以出现线条
3 布局标签
div和span 没有任何的自带效果
div 布局块,独占一行
span 布局结点,从左到右一排显示
4 表单的组成
表单域 form
表单控制 input select textarea 提示信息label
作用:收集用户信息
5 input的type类型
文本框 text 密码框 password
单选按钮 radio 复选框 checkbox
重置按钮 reset 提交按钮 submit
普通按钮 button 隐藏按钮 hidden
图象域 image 文件域 file
6 input的属性
type 类型
name 名称,单选按钮要想实现单选必须要有name,一组保持一致
value 默认值
palceholder 提示信息,h5新增,低版本浏览器不支持
checked 默认选中
multiple 实现多选
maxlength 最大可以输入字符数
minlength 最少可以输入字符数
disabled 禁用
size 设置大小
7 下拉菜单 select
每一条选项都是一个option
multiple 实现多选
默认情况下第一个option在页面中显示,通过selected可以设定一开始显示哪一个option
name 名称
8 textarea 多行文本域
name 名称
cols 宽度,一行显示的字符数,一个汉字代表两个字符
rows 高度,显示多少行出现滚动条
9 form 可以不写,不影响最终的显示效果,但是会影响功能,提交按钮、重置按钮不生效
name 表单名称
method 表单的提交方式和方法
值: get :从服务器中获取数据,会将一些信息放在地址栏中,安全性低、效率高
post:向服务器上传数据,不会将信息放在地址栏中,安全性高、效率低
action: 表单的提交地址
target :表单在哪个页面提交
10 按钮
可以作为提交按钮:直接写button当做标签,type=“submit” type="image"
button当做标签使用可以去添加其他标签,如果不当标签不可以,input的属性值是不可以添加其他标签的。