常州五颜六色网络技术有限公司 -> 网站建设 -> 表格,让Web看起来更美(4):表头 登录 -> 注册 -> 回复主题 -> 发表主题

阿七 2006-04-04 09:52
表格中的标题 o9L$B  
(S#nA:E  
)Qx&m}  
TD就是“Table Data”,这说明TD元素包含着表格中的数据。还有另外一种类型的单元格:TH元素,它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述: a]8}zSUK  
Yeb-u+23  
<TABLE> 8f{;oO  
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> GJIM^  
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> jbK<"T5  
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> e x`mu E  
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> > ;zQ.2*  
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> ~q05xy8  
</TABLE> )#_:5^1  
(L7@ez  
E]IPag8 C  
YsXf+_._  
Year Bugs Sales (jB_uMuS  
1995 2.3 500,000 biw2 f~V  
1996 3.2 1,700,000 +axpIjI'  
1997 5.6 8,200,000 q'~F6$kv5  
1999 12.3 33,000,000 3 h~U)mg  
p^ojhrr  
S((\KL,  
指定表头信息 )/ 2J|LxS  
lf%Ju$H   
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一:row,默认值,表示此单元格包含它所在行的标题信息;column,表示覆盖它所在的列;rowgroup,表示覆盖它所在的行组;还有colgroup,表示覆盖它所在的列组。可以像下面那样充实我们的表格: #X?#v7i",D  
? IHa>f:  
<TABLE> 6}9`z8  
<TR> {s/u [T_D2  
<TH SCOPE="column">Year</TH> w~I;4p~(N  
<TH SCOPE="column">Bugs</TH> &!pG1Fp9  
<TH SCOPE="column">Sales</TH> Y;[#~3CA  
</TR> +rA:/!b)Y  
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> uEPdL':}2  
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> ~G ZpAPg*  
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> ~'aK[3  
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> >u)DuZXj  
</TABLE> UAi]hUq  
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表,可以像下面那样定义与上例相同的联系: | N/Wu9w$  
e}Xmb$  
<TABLE> iig ({b  
<TR> MH8Selnv  
<TH ID="year">Year</TH> nB+ e2e&  
<TH ID="bugs">Bugs</TH> .oR_r1\y  
<TH ID="salws">Sales</TH> 3+v+_I>%k  
</TR> l~v BA$,  
<TR> 4H\+vJPM  
<TH ID="y1" HEADERS="year">1995</TH> ^%:syg_RM[  
<TD HEADERS="y1 bugs">2.3</TD> ;:)?@IuSy  
<TD HEADERS="y1 sales">500,000</TD> 9 yE   
</TR> [8J/# !B  
<TR> (VxWa#P  
<TH ID="y2" HEADERS="year">1996</TH> :)9 ^T<  
<TD HEADERS="y2 bugs">3.2</TD> [x.Dw U%S  
<TD HEADERS="y2 sales">1,700,000</TD> />i~No#Xm  
</TR> h5.>};"@ '  
<TR> %`~? w'  
<TH ID="y3" HEADERS="year">1997</TH> cI Byv I-  
<TD HEADERS="y3 bugs">5.6</TD> F/qx2E$*wo  
<TD HEADERS="y1 sales">8,200,000</TD> [H!8m7i;  
</TR> b2Jgg&?G  
<TR> ]5=C3Y  
<TH ID="y4" HEADERS="year">1999</TH> [7:(e/&  
<TD HEADERS="y4 bugs">12.3</TD> 3~%wA(|A  
<TD HEADERS="y4 sales">33,000,000</TD> ,X2CV INb}  
</TR> 3]iBX`Ni  
</TABLE>


查看完整版本: [-- 表格,让Web看起来更美(4):表头 --] [-- top --]



Copyright © 2005-2014 5y6s Inc. 苏ICP备05001866号 Powered by PHPWind 5.0.1
Time 0.007201 second(s),query:3 Gzip enabled