Html表格
一、table标签 <table border="1" align="center" cellspacing="1" cellpadding="16" bgcolr=""> <tr> <th><th> <td><td> </tr> </table> 1、Tabl属性 (1)tr:行(table row) (2)td:列 (table data) (3)th:表格的表头名称,与<td>不同在于文字采用加粗居中的形式显示(table head) (4)table表格 (5)border边框尺寸 (6)cellspacing单元格间距 (7)cellpadding内容和单元格边框距离 (8)align="center"居中属性 (9)bgcolor背景颜色 (10)width表格的宽度,可以用%或者像素, (11)caption表格的标题 (12)rowspan单元格竖跨多少行,作用在th或者td上 (13)colspan单元格横跨多少列(即合并单元格),作用在th或者td上 二、<form>表单标签 1、Form属性 (1)action表单要提交的地址,用于处理表单的内容。 (2)method提交的方法,默认是get方式提交。 (3)get:1.提交的键值对.放在地址栏中url后面. 2.安全性相对较差. 3.对提交内容的长度有限制. (4)post:1.提交的键值对不在地址栏. 2.安全性相对较高. 3.对提交内容的长度理论上无限制. 三、表单元素 1、input type标签 (1)text文本框输入(默认text文本框类型)。 (2)password密码框。(以下属性text和password共有) (3)maxlength(type为text或password时,表示输入的最大字符数),有利于防止sql的注入攻击 (4)radio单选按钮。属性: name(将name的值设置为相同值,才表示一组数据,才能实现单选功能) value(必须要写,提交到服务器的key值,实际开发过程中value一般是编号) checked(是否被选中的状态) (5)checkbox复选框。 name(名字一定要一样一样的,才表示是一组数据,添加到同一value值列表提交到服务器)value提交到服务器的key值 checked(是否被选中的状态) (6)file文件域,上传文件 (7)submit提交按钮,用于提交表单 (8)reset重置按钮,清空表单的输入,恢复到表单默认的状态 (9)button普通按钮 (10)image图片按钮,用来提交表单,与submit是一样的效果src(图片路径) (11)hidden隐藏字段。 (12)value隐藏的内容 (13)name表单提交项的key (14)cols(设置文本域宽度) (15)rows(设置文本域高度,即行数) 三、<select> 下拉框标签 1、(1)name:表单提交项的key (2)size:选项个数 (3)multiple:多选 (4)<option> 下拉选中的每一项 (5)value(表单提交项的值) (6)selected(selected下拉选默认被选中) 2、value: 表单提交项的值 对于不同的输入类型,value 属性的用法也不同: type="button", "reset", "submit" - 定义按钮上的显示的文本 type="text", "password", "hidden" - 定义输入字段的初始值 type="checkbox", "radio", "image" - 定义与输入相关联的值
框架
一、<frameset> 框架 1、用来划分窗体,不能放在<body>中,否则没有效果。 (1)cols(纵向分割页面。其数值表示方法有三种:“30%、30(或者30px)、”;数值的个数代表分成的视窗数目且数值之间用“,”隔开。“30%”表示该框架区域占全部浏览器页面区域的30%;“30”表示该区域横向宽度为30像素;“”表示该区域占用余下页面空间。例如:cols="25%,200," 表示将页面分为三部分,左面部分占页面30%,中间横向宽度为200像素,页面余下的作为右面部分。) (2)rows横向分割页面。属性和cols一样 (3)frameborder设置是否显示框架边框。设定值只有0、1;0 表示不要边框,1 表示要显示边框) (4)border框架之间的距离,一般设置为0 (5)bordercolor边框的颜色 (6)framespacing设置框架与框架间的保留的空白距离 <frameset cols="40%,,"> 第一个框架占整个浏览器窗口的40%,剩下的空间平均分配给另外两个框架。 <frameset cols=",,,*"> 浏览器窗口等分为四部分。 二、<iframe> 框架 (1)name设置框架名称。此为必须设置的属性 (2)src设置此框架要显示的网页名称或路径。此为必须设置的属性 (3)scrolling设置是否要显示滚动条。设定值为auto, yes, no (4)bordercolor 设置框架的边框颜色 (5)frameborder 设置是否显示框架边框。设定值只有0、1;0 表示不要边框,1 表示要显示边框 (6)noresize 设置框架大小是否能手动调 (7)marginwidth 设置框架边界和其中内容之间的宽度 (8)marginhight 设置框架边界和其中内容之间的高度 (9)width设置框架宽度 (10)height 设置框架高