阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
表格，让Web看起来更美(4):表头
表格中的标题 p%K(dA
% iZM9Q&NC
Ch:EL-L
TD就是“Table Data”，这说明TD元素包含着表格中的数据。还有另外一种类型的单元格：TH元素，它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述： q;7DH4;t
yhs:.h
<TABLE> e^$JGh2
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> v *`M3jb
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> R'" c
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> V)vik
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> I0 !]J{
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> m(0X_& &?z
</TABLE> tBX71d
T
ml /S|`Drk
`*D" =5G+
dC|6z/
Year Bugs Sales Ivj=?[c|
1995 2.3 500,000 e[0"x. gu
1996 3.2 1,700,000 ZY @ntV?
1997 5.6 8,200,000 Ps{v
N
~}
1999 12.3 33,000,000 ;mvVo-r*q
=%7s0l3z
lW|v_oP9
指定表头信息 -'SA &[7dP
v+8Ybq
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一：row，默认值，表示此单元格包含它所在行的标题信息；column，表示覆盖它所在的列；rowgroup，表示覆盖它所在的行组；还有colgroup，表示覆盖它所在的列组。可以像下面那样充实我们的表格： n.z,-H17
=I@I
<TABLE>
KROD (
<TR> S(?A3 H
<TH SCOPE="column">Year</TH> zn7)>cQ905
<TH SCOPE="column">Bugs</TH> akU2T oP
<TH SCOPE="column">Sales</TH> RHMXPsj
</TR> XmwAYf
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> <a
DZ{T%
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> nw0#gDI|
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR>
r[H8;&EL
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> (Bd'Pj]:
</TABLE> c38XM]Jeq
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表，可以像下面那样定义与上例相同的联系： IA({R
E
+a 1iZ bh
<TABLE> % hvK;B?Y|
<TR> r
xH ]'6kP
<TH ID="year">Year</TH> ``Q6R2[|)
<TH ID="bugs">Bugs</TH> 9S*" ={}%
<TH ID="salws">Sales</TH> .8Bo5)q$a-
</TR> yi>A ogQ,
<TR> &Xqxuy
]J
<TH ID="y1" HEADERS="year">1995</TH> ABX%oZ7[|o
<TD HEADERS="y1 bugs">2.3</TD> cN8Fn4gq
<TD HEADERS="y1 sales">500,000</TD> N+rU|iM a.
</TR> *}d N.I
L,
<TR> <ak[`]
<TH ID="y2" HEADERS="year">1996</TH> ?<TJ}("/
<TD HEADERS="y2 bugs">3.2</TD> {;c'@U
<TD HEADERS="y2 sales">1,700,000</TD> c R/Nl pX
</TR> gM\>{ihM'
<TR> Og/aTR<;=
<TH ID="y3" HEADERS="year">1997</TH> c MXv
<TD HEADERS="y3 bugs">5.6</TD> (WyNO QO'
<TD HEADERS="y1 sales">8,200,000</TD> ,,gMUpL7_8
</TR> * 9^8NY]
<TR> oS fr5
i
<TH ID="y4" HEADERS="year">1999</TH> sFTAE1|
<TD HEADERS="y4 bugs">12.3</TD> ayy\7b
<TD HEADERS="y4 sales">33,000,000</TD> H9/!oI1P?
</TR> k&ci5MpN
</TABLE>
|
|
|
|
[楼 主]
|
Posted: 2006-04-04 09:52 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 表格，让Web看起来更美(4):表头
