一、什么是表格
2、判断行数和列数
3、用行去包含单元格
4、在每个单元格中去添加内容
5、表格的各大属性
cellspacing:边框与边框之间的距离
Cellpadding:单元格内容与边框之间的距离
Border:表格的边框
表格的宽
height:表格的高
6、表格的结构:
标题:caption标签 表格的标题,caption只在表格中使用
表头:thead标签 表格的第一行,一般用来描述每一列所显示的内容,用thead标签讲第一行包起来,然后用th替换td,单元格中的内容相对于单元格水平居中,且加粗
表格主体:tbody标签
知识点二:合并单元格
步骤
1、判断是跨行合并还是跨列合并
2、跨行合并用rowspan属性,跨列合并用colspan属性
3、将属性写在需要合并的单元格上
4、将合并的行数或者列数写在对应的属性值中
5、将多余的单元格注释掉
知识点三:表单
1、各个网站的注册页面就是表格实现的
2、作用:显示、存储、提交数据
3、组成:表单域、表单标签、提交按钮
表单标签:action:表单向后台提交的地址
method:向后提交的方式 get post
表单域:表单中的元素 :包含了文本框、密码框、隐藏域、多行文本框、
复选框、单选框、下拉选择框和文件上传框
input控件
普通的文本框 type = text
获取焦点:光标放在输入框内,可以打出文字
单击指定名字获取焦点需要将label标签中的属性值与input输入框的属性值保持一级即可
value:输入框的值
placeholder:提示信息
密码框 :type=post
单选框:type =radio
默认单选选中 1、checked="checked
2、checked
3、checked=true
多选框:默认多选选中 1、checked="checked”
2、checked
3、checked=true
选择框默认选中1、selected=”selected”
2、selected
3、selected=true