【html_2】表格/列表/表单/查文档

                                                   

一、表格

1、 表格标签：

table（表）、tr（行）、td（td普通单元格，th表头单元格居中加粗显示）

2、表格属性：

border、width、height、align(center/left/right)、cellspacing(单元格之间)、cellpadding(字与单元格)

3、表格标题标签：

<caption>个人信息表</ caption>

4、合并单元格

从上到下、从左到右

跨行：rowspan=""、colspan=""

多余的单元格要删掉

5、表格划分结构

thead、tbody、tfoot

二、列表（布局比表格自由度更高）

无序列表、自定义列表

1、列表标签

无序列表：ul中只能嵌套li，不能放其他标签或文字，li是个容器，里面可以放所有元素

 

有序列表：ol中也只能嵌套li，不能放其他标签或文字

 

自定义列表：dl中dt、dd

     

2、去掉默认无序列表的黑点样式：

li { list-style:none}

三、表单

（1）input控件

type属性：text、password、radio单选、checkbox复选、button、submit、reset、image、file（文件域上传文件用的）

value属性：默认的文本值

name属性：页面中很多表单，可以用name进行区分不同的表单

checked属性：默认选中

（2）label

点击label标签中的文字时，光标能自动定位到标签中指定的表单里

方式1：直接包含

方式2：通过id控制

四、查文档：

（1）http://www.w3school.com.cn/

（2）https://developer.mozilla.org/zh-CN/