阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
表格，让Web看起来更美(4):表头
表格中的标题 \(">K
S"wg2X<
fBQ?|~:n
TD就是“Table Data”，这说明TD元素包含着表格中的数据。还有另外一种类型的单元格：TH元素，它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述： )z8!f}:De=
a" H WGY
<TABLE> 76vy5R(.
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> !`mZ0c+
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> ?EX"k+G
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> u`(-
-
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> <A9y9|>o
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> %okzOKKX
</TABLE> KFZm`,+69
<|?K%FP7Z
_uc\ D
R
*UW=Mdt
Year Bugs Sales K 0hu:1l)
1995 2.3 500,000 3Oa*%kP+
1996 3.2 1,700,000 ESoAz o ,u
1997 5.6 8,200,000 7E!7"2e
a
1999 12.3 33,000,000 M. td^l0
7a=S
"S&%w8V
指定表头信息 VG qa)ri"
p*5\+WO>!(
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一：row，默认值，表示此单元格包含它所在行的标题信息；column，表示覆盖它所在的列；rowgroup，表示覆盖它所在的行组；还有colgroup，表示覆盖它所在的列组。可以像下面那样充实我们的表格： A?Wk
w f
,_ag;pt9)
<TABLE> pb0E@C/R
<TR> vKoP|z=m
<TH SCOPE="column">Year</TH> t4K~cK
<TH SCOPE="column">Bugs</TH> V\K<$?oUb
<TH SCOPE="column">Sales</TH> iqW1#)3'R
</TR> (5^ZlOk3
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> @ d"wAZzD?
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> \M]-b w `
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> *V(Fn-6(
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> 6b~2
8
</TABLE> $ j)hNWI
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表，可以像下面那样定义与上例相同的联系： 9SMiJad<
A"Q@W<.
<TABLE> ^6p'YYj"5
<TR> buk =p-oi
<TH ID="year">Year</TH> x| eeRf|
<TH ID="bugs">Bugs</TH> }%n
5nLU`
<TH ID="salws">Sales</TH> VhEM k\
</TR> (Y(E%
<TR> 1px\K8
<TH ID="y1" HEADERS="year">1995</TH> \.e4.[%[2-
<TD HEADERS="y1 bugs">2.3</TD> 4 c'4*`I
<TD HEADERS="y1 sales">500,000</TD> OY"6J@[z
</TR> /,|CrNwY*
<TR>
;+pOP |P=
<TH ID="y2" HEADERS="year">1996</TH> #G3N(wV3
<TD HEADERS="y2 bugs">3.2</TD> > 7
`&0?
<TD HEADERS="y2 sales">1,700,000</TD> UBO^EVJ
</TR> MEwdw3
<TR>
:u%$0p>
<TH ID="y3" HEADERS="year">1997</TH> _|isa]u\ z
<TD HEADERS="y3 bugs">5.6</TD> 3]E(mRX
<TD HEADERS="y1 sales">8,200,000</TD> >Cd9fJ&0gP
</TR> cQpnEO&SL
<TR> 8
|h9sn;P
<TH ID="y4" HEADERS="year">1999</TH> u}H$-$
jE
<TD HEADERS="y4 bugs">12.3</TD> /c+)C "
<TD HEADERS="y4 sales">33,000,000</TD> B94
&elu
</TR> M:ai<TZ]
</TABLE>
|
|
|
|
[楼 主]
|
Posted: 2006-04-04 09:52 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 表格，让Web看起来更美(4):表头
