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

阿七 2006-04-04 09:52
表格中的标题 zRR^v&.9K  
(3j f_  
>G vd?r  
TD就是“Table Data”,这说明TD元素包含着表格中的数据。还有另外一种类型的单元格:TH元素,它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述: vhU#<59a1  
#A< |qd  
<TABLE> D3+<16[,  
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> M'NO M>8  
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> 7e)j|a-!<  
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> ~UwqQD1p  
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> m9ky?A,  
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> _|COnm  
</TABLE> :?)q"hE  
r;"Qu  
}AS3]Lub@  
R{9G$b1Due  
Year Bugs Sales OHH\sA  
1995 2.3 500,000 @8cn<+"b  
1996 3.2 1,700,000 mU>lm7'  
1997 5.6 8,200,000 -_>E8PhM  
1999 12.3 33,000,000 w6AG:u  
Ye/Y<Ij  
f!B\X*|  
指定表头信息 V$ " ]f6  
85:mh\@-G  
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一:row,默认值,表示此单元格包含它所在行的标题信息;column,表示覆盖它所在的列;rowgroup,表示覆盖它所在的行组;还有colgroup,表示覆盖它所在的列组。可以像下面那样充实我们的表格: uLt31G()  
X/D% cQ6  
<TABLE> Z:VT%-  
<TR> 9*(uJA  
<TH SCOPE="column">Year</TH> \IOF 9) F  
<TH SCOPE="column">Bugs</TH> ]QF*\2b-I2  
<TH SCOPE="column">Sales</TH> 6PMu*-Nv!j  
</TR> 6^z):d#u  
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR>  N1dM,H  
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> b Kr73S9  
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> ~mT([V  
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> q)RTy|NJ^  
</TABLE> *zv*T"&ZP  
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表,可以像下面那样定义与上例相同的联系: 2))p B/  
t#nRa Pzp  
<TABLE> wkD"EuW(  
<TR> ({h W  
<TH ID="year">Year</TH> 9gETWz(3I  
<TH ID="bugs">Bugs</TH> !PEP`wEKdp  
<TH ID="salws">Sales</TH> -D wO*f  
</TR> *,Sa*-7(  
<TR> D|/ 4),v  
<TH ID="y1" HEADERS="year">1995</TH> 9@YhAj   
<TD HEADERS="y1 bugs">2.3</TD> Gp1?drF6  
<TD HEADERS="y1 sales">500,000</TD> x#'v}(v  
</TR> b25C[C5C  
<TR> hJ~=eYK?J  
<TH ID="y2" HEADERS="year">1996</TH> :\|<7n   
<TD HEADERS="y2 bugs">3.2</TD> Y".4."NX  
<TD HEADERS="y2 sales">1,700,000</TD> sE\Cv2Gx  
</TR> q)y<\cEO  
<TR> ~L9I@(/ S  
<TH ID="y3" HEADERS="year">1997</TH> 17!<8vIV$C  
<TD HEADERS="y3 bugs">5.6</TD> gO_d!x*  
<TD HEADERS="y1 sales">8,200,000</TD> 1-8 G2e  
</TR> w*gG1BV  
<TR> d08:lYQ  
<TH ID="y4" HEADERS="year">1999</TH> _{?-=<V'_  
<TD HEADERS="y4 bugs">12.3</TD> u X+ YH  
<TD HEADERS="y4 sales">33,000,000</TD> vFi+ExBU  
</TR> T!t9`I0Zz  
</TABLE>


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

51La

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