HTML笔记(二)

一、什么是表格

1、表格：是有多个单元格组沉成来显示数据的

2、表格的标签：table

3、表格的组成  行 tr  单元格  td

4、建立表格步骤

　　　　1、建立表格，

      　　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

　　　　　　　4、按照淘宝注册分别讲解form表单