…
|
定义一行标签，一组行标签中可以有多个
| 或 |
组成的单元格. |
| … |
定义表头单元格.表格中的文字将以粗体显示,在表格中也可以不用此标签,标签内.
| 标签必须放在 |
| … |
定义单元格标签,一组
在标签内.
表格的定义规则:
在一个最基本的表格中，必须包含一组
标签，一组标签和一组
| 标签或 |
标签。
表格
标签的重要属性：0000000000000000000000000000000
|
属
性
|
描
述
|
|
width
|
表格的宽度.
|
|
height
|
表格的高度.
|
|
align
|
表格在页面的水平摆放位置。
|
|
background
|
表格的背景图片
|
|
bgcolor
|
表格的背景颜色.
|
|
border
|
表格边框的宽度(以象素为单位)
|
|
属
性
|
描
述
|
|
bordercolor
|
表格的边框颜色。
|
|
bordercolorlight
|
表格边框明亮部分的颜色。
|
|
bordercolordark
|
表格边框昏暗部分的颜色。
|
|
cellspacing
|
单元格之间的间距.
|
|
cellpadding
|
单元格内容和单元格边界之间的空白距离的大小.
|
表格的边框显示状态 frame：
表格的边框分别有上边框、下边框、左边框、右边框。这四个边框都可以设置为显示或隐藏状态
语法格式：
表格的边框显示状态
frame的取值：1111111111111111111111111
|
Frame的值
|
描
述
|
|
Box
|
显示整个表格边框
|
|
Void
|
不显示表格边框
|
|
Hsides
|
只显示表格的上下边框
|
|
Vsides
|
只显示表格的左右边框
|
|
Above
|
只显示表格的上边框
|
|
Below
|
只显示表格的下边框
|
|
Lhs
|
只显示表格的左边框
|
|
Rhs
|
只显示表格的右边框
|
设置分隔线的显示状态 rules：
表格的分隔线是指表格内部的分隔，即表格中除去外部的上、下、左、右边框的内部分隔线。
语法格式：
设置分隔线的显示状态rules的取值:
|
Rules的值
|
描
述
|
|
all
|
显示所有的分隔线
|
|
groups
|
显示外框，内部横线在之间显示，内部竖线在<</STRONG>colgroup >之间显示
|
rows
|
显示内部横线和外框
|
|
cols
|
显示内部竖线和外框
|
|
none
|
显示外框，不显示内部分隔线
|
表格行的设定:
表格是按行和列（单元格）组成的，一个表格有几行组成就要有几个行标签
，行标签用它的属性值来修饰，属性都是可选的。
表格行的的基本属性：
|
属性
|
描
述
|
|
Align
|
行内容的水平对齐（left,center,right）
|
|
Valign
|
行内容的垂直对齐(top,middle,bottom)
|
|
Bgcolor
|
行的背景颜色
|
|
Bordercolor
|
行的边框颜色
|
|
Bordercolorlight
|
行的亮边框颜色
|
|
bordercolordark
|
行的暗边框颜色
|
单元格的设定：
标签内。是成对出现的。
| 和 |
都是插入单元格的标签，这两个标签必须嵌套在 |
用于表头标签，表头标签一般位于首行或首列，标签之间的内容就是位于该单元格内的标题内容，其中的文字以粗体居中显示。
数据标签 |
就是设置单元格中的具体数据内容的标签, |
和 |
标签的属性都是一样的，属性设定如下：
|
属性
|
描
述
|
|
Width，height
|
单元格的宽和高，接受绝对值（如80）及相对值（如80%）。
|
|
Colspan
|
横向向右合并单元格的栏数。
|
|
Rowspan
|
纵向向下合并单元格的列数。
|
|
Align
|
单元格内内容的水平对齐方式（可选值为:left,center,right）
|
|
Valign
|
单元格内内容的垂直对齐方式(可选择值为:top,middle,bottom)
|
|
Bgcolor
|
单元格的背景颜色。
|
|
Bordercolor
|
单元格的边框颜色。
|
|
bordercolorlight
|
单元格边框明亮部分的颜色。
|
|
Bordercolordark
|
单元格边框昏暗部分的颜色。
|
|
background
|
单元格的背景图片。
|
...—— 表格行—— 表格栏...—— 表格主体部分—— 表格标题——
表格栏标题（粗体字）
这五个表格基本语句是构成一个表格的骨架，其中
、、
|
网页文件标题标记 |
| 表格标记 |
|
| 表格的行 |
|
|
表格的列 |
|
|
| 表格标头（相等于 |
，但其内之字体会变粗） |
|
打字字体（Courier字体，字母宽度相同） |
|
|
文字区块（提供文字方盒以输入较大量文字） |
| topmargin |
网页的上边距。例：topmargin=10 |
| top |
上方。例：valign="top" |
| text |
整个网页的文字颜色。例：text=#CE0063 |
| target |
超级连接打开窗口模式。例：target=_blank |
| _top |
将连结的网页显示在没有框架的窗口中。例：target=_top |
| type |
样式。例：type="text/css" |
| true |
是。例：loop="true" |
表格部分
width=
表格宽度，接受绝对值（如 500）及相对值（如 80%）。
border= 表格边框的厚度。
cellspacing= 表格格线的厚度
cellPadding= 表格格线内厚度
align= 表格的摆放位置（水平），可选值为：左： left, 右： right, 居中：
center
valign= 表格内内容的对齐方式（垂直），可选值为： top, middle,
bottom。
background= 表格的背景图片，与 bgcolor
不要同用。
bgcolor= 表格的底色，与 background 不要同用
bordercolor= 表格边框颜色
bordercolorlight= 表格边框向光部分的颜色
bordercolordark=
表格边框背光部分的颜色
注：(使用
bordercolorlight 或 bordercolordark 时 bordercolor
将会失效)
cellSpacing=
是调节背景的宽度
border=
是调节背景的厚度
==========================================================================
（一）表格基本语句格式
...—— 表格指令 |
|
| ... |
...
| ... |
| 是最重要的标记，学会这三个语句就已经能画出一个完整的表格了。
（二）表格相关属性
1、
语句常用属性
示范语句：
width="50%" rules="ALL"
border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="background.gif" bgcolor="#0000FF" bordercolor="#FF00FF" hspace="10" vspace="10">
具体说明：
- width="50%"，表格宽度，接受绝对值（如 300）及相对值（如
80%）。
- rules="ALL"，表格内网格，可选值为： all，none，cols，rows，groups。
- border="1"，表格边框宽度，如果去掉这个属性，就生成无边框表格。
- cellspacing="2"，表格内格线宽度，数值越大，格线越粗。
- cellpadding="2"，文字与格线间距，数值越大，间距越大。
- align="CENTER"，表格的摆放位置（水平），可选值为： left, right,
center。
- valign="TOP"，表格内图文的摆放位置（垂直），可选值为： top, middle,
bottom。
- background="background.gif"，表格内背景图案，不要与 bgcolor
同用。
- bgcolor="#0000FF"，表格背景色，不要与 background
同用。
- bordercolor="#FF00FF"，表格边框颜色。
-
hspace="10"，表格边框与环绕文字间水平距离，数值越大，间距越大。
-
vspace="10"，表格边框与环绕文字间垂直距离，数值越大，间距越大。
-
其他表格属性，因为有些不是很常用，或者有些对浏览器类型有要求，并未列出。
2、
语句常用属性
示范语句：
align="RIGHT" valign="MIDDLE" background="background.gif" bgcolor="#0000FF" bordercolor="#FF00FF">
具体说明：
3、
|
|
| 语句常用属性
示范语句：
|
width="50%" height="300" colspan="2" rowspan="3" align="LEFT" valign="BOTTOM" background="background.gif" bgcolor="#FF00FF" bordercolor="#808080">
具体说明：
- width="50%"，单元格宽度，接受绝对值（如 300）及相对值（如
50%）。
- height="300"，单元格高度，接受绝对值（如 300）及相对值（如
50%）。
- colspan="2"，单元格向右合并栏数，只需写在合并起始单元格中。
- rowspan="3"，单元格向下合并栏数，只需写在合并起始单元格中。
- align="LEFT"，单元格内文字的摆放位置（水平），可选值为： left, right,
center。
- valign="BOTTOM"，单元格内图文的摆放位置（垂直），可选值为： top, middle,
bottom。
- background="background.gif"，单元格内背景图案，不要与 bgcolor
同用。
- bgcolor="#0000FF"，单元格内背景色，不要与 background
同用。
- bordercolor="#FF00FF"，单元格内边框颜色。
- 其他单元格属性，因为有些不是很常用，或者有些对浏览器类型有要求，并未列出。
（三）表格简单的例子
1、去掉
中的 Border 参数即可得到无边框表格。
语句：
<</FONT>TABLE>
>
>>
效果：
收支表
| 公司 |
收入 |
支出 |
| A |
￥100000 |
￥60000 |
2、通过
Border、BorderColor，改变表格边框的大小与颜色。
语句：
<</FONT>TABLE border=9 bordercolor=green>
>
>>
效果：
| 公司 |
收入 |
支出 |
| A |
￥100000 |
￥60000 |
3、通过 Cellspacing 还可以调节单元格间距离。
语句：
border=9 cellspacing=6>
>
>>
效果：
| 公司 |
收入 |
支出 |
| A |
￥100000 |
￥60000 |
4、ColSpan 与 RowSpan
的使用。
语句：
border=2 bordercolor=black>
>
>>
效果：
| 公司 |
收支 |
盈利 ! |
| A |
￥100000 |
￥60000 |
=====================================
|
短信查询公积金余额(试运行)
|
|
指令功能
|
指令操作
|
指令说明
|
资费标准
|
|
查询
|
cx#身份证号码
|
用户发“ cx#身份证号码”到 10657303000005
，系统回复数据：“您好，您查询的身份证号码是*，截止到2007年*月*日住房公积金累计余额*元，谢谢使用！”。
|
成功接收
信息费免费
|
|
语句：
短信查询公积金余额(试运行)
|
指令功能
|
指令操作
|
指令说明
|
资费标准
|
查询
|
cx#身份证号码
|
用户发“ cx#身份证号码”到 10657303000005
，系统回复数据：“您好，您查询的身份证号码是*，截止到2007年*月*日住房公积金累计余额*元，谢谢使用！”。
|
成功接收
信息费免费
|
|
|
|
| 排名 |
名称 |
语文 |
数学 |
英语 |
总数 |
男 |
女 |
混合 |
| 红 |
黄 |
蓝 |
红 |
黄 |
蓝 |
红 |
黄 |
蓝 |
| 1 |
2 |
96 |
89 |
92 |
277 |
17 |
15 |
13 |
29 |
14 |
15 |
0 |
0 |
1 |
语句：
|
| 排名 |
名称 |
语文 |
数学 |
英语 |
总数 |
男 |
女 |
混合 |
| 红 |
黄 |
蓝 |
红 |
黄 |
蓝 |
红 |
黄 |
蓝 |
| 1 |
2 |
96 |
89 |
92 |
277 |
17 |
15 |
13 |
29 |
14 |
15 |
0 |
0 |
1 |
| >公司<</FONT>/TH> |
colspan=2>收支<</FONT>/TH> |
rowspan=2>盈利
!<</FONT>/TH> <</FONT>/TH>
|
| >A<</FONT>/TD> |
>￥100000<</FONT>/TD> |
>￥60000<</FONT>/TD> <</FONT>/TR>
<</FONT>/TBODY> <</FONT>/TABLE> |
| >公司<</FONT>/TH> |
>收入<</FONT>/TH> |
>支出<</FONT>/TH> <</FONT>/TR>
|
| >A<</FONT>/TD> |
>￥100000<</FONT>/TD> |
>￥60000<</FONT>/TD> <</FONT>/TR>
<</FONT>/TBODY> <</FONT>/TABLE> |
| >公司<</FONT>/TH> |
>收入<</FONT>/TH> |
>支出<</FONT>/TH> <</FONT>/TR>
|
| >A<</FONT>/TD> |
>￥100000<</FONT>/TD> |
>￥60000<</FONT>/TD> <</FONT>/TR>
<</FONT>/TBODY> <</FONT>/TABLE> |
收支表
| >公司<</FONT>/TH> |
>收入<</FONT>/TH> |
>支出<</FONT>/TH> <</FONT>/TR>
|
| >A<</FONT>/TD> |
>￥100000<</FONT>/TD> |
>￥60000<</FONT>/TD> <</FONT>/TR>
<</FONT>/TBODY> <</FONT>/TABLE> |
|
|
|
|
|
|
|
|
|
|
|
加载中…
喜欢