一.表格
表格就是用来表示一些格式化的数据的,在网页里也可以创建表格
1,使用table标签创建表格
2,使用tr表示表格一行,有几行有几个tr
3,在tr中使用td来创建单元格,有几个单元格就有几个td
4,表格创建默认没有边框
5,用css来创建单元格或者在table里面加borde=“1”(不常用)
6,在table里加width=“40%”表示在窗口里宽度占40%
7,合并两个单元格:先删除其中一个单元格,然后让另一个格占领两个位置,在td中加入colspan=“2”,row用来纵向合并单元格
8,table和td边框之间默认有一个距离,通过border-spaceing属性可以设置这个距离
9,border-collapse可以用来设置表格合并,此时border自动失效
10,th是特殊的td,表标题
11,tr:nth-child(even){background-color: #bfa;}可以给偶数行设绿色背景
12,tr:hover{background-color: #ff0; }可以是鼠标指定行背景变黄色
13,表头,表格主体,表格底部分别为thead,tbody,tfoot。表头,表格主体,表格底部不管什么情况都永远分别显示在头部,中部,底部。
14,如果表格中没有tbody,浏览器会自动在表格中添加tbody,并且将所有tr都放到tbody中,所以tr不是table的子元素,而是tbody的子元素。
错
对
15,表格可以给页面布局,但是不常用,被css所淘汰。
二,表单
1,表单的作用就是用来将用户的信息提交给服务器的。
2,使用form标签创建一个表单,form标签必须指定一个action属性,该属性指向的是一个服务器的地址,但我们提交表单时将会提交到action属性对应的地址。
3,使用form创建的是一个空白的表单,我们还需要添加不同的表单项。
4,使用input来创建一个文本框,他的type属性是text,如果希望表单项中的数据会提交到服务器中,还必须给表单项指定一个name属性,name表示提交内容的名字
5,提交按钮可以将表单中的信息提交给服务器,使用input创建一个提交按钮,它的type属性值是submit,提交按钮可以通过value属性来指定按钮上的文字
6,使用input创建一个密码框,它的type属性是password
7,使用input来创建一个单选按钮,它的type属性使用radio,单选按钮通过name进行分组,name属性相同是一组按钮,还需要指定一个value属性,这样被选中的表单项会以value属性值提交给服务器。
8,使用input创建一个多选框,它的type属性使用checkbox,记得加name和value
9,使用select来创建一个下拉列表,在下拉列表中使用option标签来创建一个一个列表项,下拉列表的name属性要指定给select,而value的值要指定给option。
10,如果希望在单选按钮或者是多选框中指定默认的选项,添加checked属性