阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
表格，让Web看起来更美(4):表头
表格中的标题 Ev9 > @~^
u0o'K9.r
~DF:lqwWP
TD就是“Table Data”，这说明TD元素包含着表格中的数据。还有另外一种类型的单元格：TH元素，它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述： r8/l P}(F
?KE$r~dn
<TABLE> OJO !FH )
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR>
GK*v{`
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> qu |i;WZE
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> 'UU\4M
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> ?>
D tw#}
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> 3=0E!e
</TABLE> Ms^dRe)
ZWUP
^V
_BM4>r?\
&&> tf%[
Year Bugs Sales RFaSw f,5n
1995 2.3 500,000 B%s7bS
1996 3.2 1,700,000 YDJ4c;3 7
1997 5.6 8,200,000 V$`Gwr]|n
1999 12.3 33,000,000 u.XQ &
d3Mva,bw<
u+m,b76
指定表头信息 <UP
m=Hb
xw5d|20b
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一：row，默认值，表示此单元格包含它所在行的标题信息；column，表示覆盖它所在的列；rowgroup，表示覆盖它所在的行组；还有colgroup，表示覆盖它所在的列组。可以像下面那样充实我们的表格： n/d`qS
M~e0lg8
<TABLE> d UrElXbXd
<TR> op2
Of<{h
<TH SCOPE="column">Year</TH> Ex amD">T
<TH SCOPE="column">Bugs</TH> B!]2Se2G
<TH SCOPE="column">Sales</TH> "I6P=]|b
</TR> nQX+pkJ
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> /1=4"|q>h'
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> *D}0 [|
O
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> fE f_F
r
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> pIV-kI:w
</TABLE> & F:IIo7
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表，可以像下面那样定义与上例相同的联系： 7"F*u :
!3n)|~r;K
<TABLE> 1J=.N|(@Q
<TR> 94uN I8
<TH ID="year">Year</TH> vy2Q g
<TH ID="bugs">Bugs</TH> 1d "Z>k:mn
<TH ID="salws">Sales</TH> h+
p*=|j`
</TR> :NHH
Dl
<TR> ,u }XW V
<TH ID="y1" HEADERS="year">1995</TH> (/!r(#K0,'
<TD HEADERS="y1 bugs">2.3</TD> <9E0iz+j
<TD HEADERS="y1 sales">500,000</TD> uzmk6G
v
</TR> nkxzk$
<TR> cMyiW$;
<TH ID="y2" HEADERS="year">1996</TH> fH`P[^N
<TD HEADERS="y2 bugs">3.2</TD> 'w>_+jLT
<TD HEADERS="y2 sales">1,700,000</TD> t"hYcnC
</TR> 3 &u_A?;
<TR> h~&g Iub
<TH ID="y3" HEADERS="year">1997</TH> =9oP owq
<TD HEADERS="y3 bugs">5.6</TD> D']ZlB 'K
<TD HEADERS="y1 sales">8,200,000</TD>
3G.5724,
</TR> IDkWGh
<TR> \k;`}3 uO
<TH ID="y4" HEADERS="year">1999</TH> LmlXMia
<TD HEADERS="y4 bugs">12.3</TD> Y2xL>
F
<TD HEADERS="y4 sales">33,000,000</TD> G+B~Ix-
</TR> 4 S~o-`&W
</TABLE>
|
|
|
|
[楼 主]
|
Posted: 2006-04-04 09:52 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 表格，让Web看起来更美(4):表头
