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 设置框架高
共同学习，写下你的评论
评论加载中...
作者其他优质文章
