Border:边框粗细。
Bordercolor:边框颜色。
bgColor:表格背景色。
background:背景图片URL。
cellpadding:单元格边线到内容间的距离(填充距离)
cellspacing:单元格与单元格之间的距离(间距)
rules:合并单元格边框线,取值:all
<tr>属性——行标记
bgColor:行的背景色
height:行的高度
align:行中的文本水平居中,取值:left、center、right
valign:垂直居中,取值:top(上)、middle(中)、 bottom(下)
<td>或<th>属性
<td>是普通单元格,<th>是标题单元各,居中加粗显示。
width:单元格宽度
height:单元格高度
bgColor:单元格背景色
background:单元格背景图片
align:水平对齐
valign:垂直水齐
rowspan:上下单元格合并。合并属性必须放在第一个单元格中。
colspan:左右单元格合并。合并时,有增就得有减,要保证每一行单元格的个数不变。
----------------------------------------------------------------------------
表单的结构
<form name="form1" method="get" action="login.php">
用户名:<input type="text" name="username" />
密码:<input type="password" name="userpwd" />
<input type="submit" value="提交表单">
</form>
----------------------------------------------------------------------------
<form>标记属性——块元素
name:给表单起个名字。这个名字主要给JavaScript来用。JS主要用来做客户端表单验证。
method:表单的提交方式,取值:get或post。
action:指定表单的处理程序,一般是PHP文件。
如果action为空,那么表单数据发到哪里去了?
结果:那么表单数据提交给了它自己来处理。
enctype:指定表单数据的编码方式(解密方式)。这个属性只能用在 method = “post” 的情况下。
application/x-www-form-urldecoded //默认的加密方式
multipart/form-data //如果你上传文件,该值必须它自己。
----------------------------------------------------------------------------
单行文本域
语法格式:<input type = “text” 属性 = “值” />
常用属性
name:文本框的名字。命名规则是:可以包含字母、数字、下划线,只能以字母开头。
type:表单元素的类型。
value:文本框中的值。
size:文本框的长度,以“字符”为单位。
maxLength:最多可以输入多少个字符,超出的就输不进去了。
readonly:只读属性。可以选中,但不能修改。如:readonly = “readonly”
disabled:禁用属性。不能选中,不能修改。如: disabled = “disabled”
举例说明:<input type="text" name="username" />
----------------------------------------------------------------------------
单行密码域
语法格式:<input type = “password” 属性 = “值” />
常用属性
name:密码框的名字。命名规则是:可以包含字母、数字、下划线,只能以字母开头。
type:表单元素的类型。
value:元素中的值。
size:元素的长度,以“字符”为单位。
maxLength:最多可以输入多少个字符,超出的就输不进去了。
readonly:只读属性。可以选中,但不能修改。如:readonly = “readonly”
disabled:禁用属性。不能选中,不能修改。如: disabled = “disabled”
----------------------------------------------------------------------------
单选按钮
语法格式:<input type = “radio” 属性 = “值” />
常用属性
Name:元素的名称
Value:元素的值,该value中数据将发往服务器。
Checked:默认选择哪一项。如:checked = “checked”
----------------------------------------------------------------------------
复选框
语法格式:<input type = “checkbox” 属性 = “值” />
常用属性
Name:元素的名称
Value:元素的值
Checked:默认选中。如:checked = “checked”
----------------------------------------------------------------------------
下拉列表
<select name = “city”>
<option value = “北京市”>北京市</option>
<option value = “天津市”>天津市</option>
<option value = “重庆市”>重庆市</option>
</select>
<select>标记的属性,只有一个name属性
<option>标记的属性有两个:value属性、selected属性
Selected:默认选中。如:selected = “selected”
----------------------------------------------------------------------------
文本区域
语法格式:<textarea name = “名称” cols = “宽度” rows = “高度”></textarea>
常用属性
name:元素名称
cols:宽度,是指多少个字符宽。
Rows:高度,是指几行高。
提示:<textarea>和</textarea>之间是默认文本
各种按钮
提交按钮:<input type="submit" value="提交表单" />
重置按钮:<input type="reset" value="重新填写" />
图片按钮:<input type="image" src="images/btn02.png" /> //功能就是提交表单,与submit按钮功能一样
普通按钮:<input type="button" onclick="javascript:window.close()" value="关闭窗口" />
普通按钮本身是不具备任何功能的,一般要与JS程序配合使用,实现相应的功能。
关于JS的内容,后面再讲
隐藏域
功能:隐藏域就是看不见的一个框。传递一些值,而这个值又不想让别人看见。
用处:主要用于PHP后面程序,如:修改某一条新闻内容时,需要传递一个新闻的id号。
语法格式:<input type = “hidden” name = “名称” value = “默认值” />
----------------------------------------------------------------------------
上传文件域
语法格式:<input type = “file” 属性 = “属性” />
常用属性
name:表单元素的名称
value:表单元素的值,这个值其实就是上传的文件名。value属性是只读属性,这个value的内容只能来自手动选择上传的文件,而不能用户自己指定一个路径。为了安全起见,value是只读的。
注意:现在只能实现上传文件框,而不能真正实现上传功能,上传功能用PHP来实现的。
----------------------------------------------------------------------------
<caption>表格标题
语法格式:<caption></caption>
提示:<caption>标记是<table>的子标记。<caption>放在<table>开始标记之后。
----------------------------------------------------------------------------
<object>标记:是IE中引入多媒休的标记。
<embed>标记:是Netscape中引入多媒体的标记。
----------------------------------------------------------------------------
标记结构:
<img src = “images/01.jpg” usemap = “#Map” />
<map id = “Map” name = “Map”>
<area shape = “热区形状” coords = “热区坐标” href = “链接地址” />
<area shape = “热区形状” coords = “热区坐标” href = “链接地址” />
<area shape = “热区形状” coords = “热区坐标” href = “链接地址” />
</map>
<area>标记的常用属性
Shape:热区的形状,取值:rect(矩形)、circle(圆形)、polygon(多边形)
Coords:执区的坐标(位置)
如果 shape = rect 时,那么,coords = “x1,y1,x2,y2” 例如:coords = “50,50,200,150”
(x1,y1)为矩形左上角的坐标值,(x2,y2)为矩形右下角的坐标值
如果 shape = circle 时,那么, coords = “x,y,r” ,其中(x,y)为圆心坐标,r为半径
----------------------------------------------------------------------------
框架集<frameset>:主要用来划分窗口的。
框架页<frame>:主要用来指定窗口默认显示的网页地址。
框架网页的DTD必须是:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<frameset cols="200,*" frameborder="yes" border="20">
<frame src="left.html" />
<frame src="left.html" />
</frameset>
----------------------------------------------------------------------------
<frameset>属性
cols:划分左右型框架。
cols = “200,*” //左框架的宽度为200px,剩下的都是右框架的
cols = “180,*,180” //左框架和右框架的宽分别为180px,剩下都是中间框架
cols = “20%,*” //划分框架时,可以用百分比来表示
rows:划分上下型框架
rows = “200,*” //上框架的高度为200px,剩下都是下框架的
rows = “180,*,180” //上框架和下框架高分别为180px,剩下都是中间框架
注意:cols属性和rows属性,每个框架只能用其中一个,不能两个同时用。
frameborder:是否显示框架的边框线,取值:1或0,yes或no。
border:边框线的粗细。
bordercolor:边框颜色。
----------------------------------------------------------------------------
<frame>框架页的属性
src:该小窗口中,默认显示的网页地址。
noresize:不能调整小窗口的大小。如:noresize = “noresize”
scrolling:是否显示滚动条,取值:auto、yes、no
name:给当前小窗口起个名字。这个name就是给<a>标记target属性来用的。
----------------------------------------------------------------------------
<noframes>含义
描述:当你的浏览器不支持框架时,显示的提示信息。一般情况下,IE6不支持框架,高版本都支持。
语法:<noframes>对不起,你的电脑太老了,该砸了,换新的!</noframes>
----------------------------------------------------------------------------
内嵌框架(行内框架、浮动框架)
描述:内嵌框架,相当于在现有的网页中,挖了一个“窟窿”,透过这个“窟窿”可以看见里面内容。
与普通框架的区别:<iframe>是<body>的子标记,因此,它应该放在<body>。
语法格式:<iframe 属性 = “值”>对不起,你的浏览器版本太低!</iframe>
Back to home |
File page
Subscribe |
Register |
Login
| N