表格(注意:表格有严格嵌套规范:行必须包裹列的内容)
1.标签
caption(表格标题)
<table> (表格)
<tr>(行)
<th></th>(标题列)
<td></td>(内容列)
</tr>
</table>
2.属性
border 边框 bordercolor="边框颜色"
width 宽度
height 高度
cellspacing 边框线和边框线之间的间距
cellpadding 内容和边框线之间的间距
align 设置内容水平对齐(给table标签设置align属性时为移动表格居中,而不是内容居中)
left左对齐
right右对齐
center水平居中 (设置内容居中时给tr设置align="center")
valign 设置内容垂直居中(给table标签设置时不起左右,给tr td th设置有效果)
top上对齐
bottom下对齐
middle中间对齐
表格的合并
跨行合并都是合并行,不跨行合并的都是合并列(左右合并是合并列,上下合并是合并行)
无论合并行还是合并列,合并的属性都给td(th)列 设置
表格的合并不是合二为一,而是一个人占多个人的位置,把其他的内容挤出去
合并行:rowspan(上下合并)
合并列:colspan(左右合并)
表单的应用
<form>表单
<input>(单标签 表单的空间 有type属性,属性值不同显示效果不同)
</form>
type属性值:text 文本框
password 密码框
radio 单选框(要想实现单选功能,需要都添加上name属性且值相同 才能实现单选功能)
checkbox 多选按钮
file 文件上传框
submit 提交按钮
reset 重置按钮
buttom 空按钮(自定义按钮)
select <select size="2" multiple> <option disabled selected>请选择城市</option> <option >北京</option> <option >上海</option> <option >杭州</option> <option >深圳</option> </select>下拉列表的属性 disabled 禁用（给option内容设置） selected 默认选中（给option内容设置） size 可以设置显示几个内容（select设置） multiple 多选 ，按ctrl键实现多选 form的属性 action 提交的地址 method 提交数据的方式 post 比较安全推荐 数据量大 get 不安全，不推荐 数据量小，每次不超过2kb input文本框的属性 maxlength 限制内容输入的长度 placeholder 提示信息（内容不占位） value 文本框的内容（内容占位）