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

阿七 2006-04-04 09:52
表格中的标题 cDLS)  
TCB<fS~U-  
cT."  
TD就是“Table Data”,这说明TD元素包含着表格中的数据。还有另外一种类型的单元格:TH元素,它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述: 2< ^B]N  
jp2l}C  
<TABLE> 4(o0I~hpB?  
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> A4'v Jk  
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> z07!i@ue~  
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> RU#Q<QI(  
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> Ej vxfqPv  
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> e}7qZ^  
</TABLE> Px)VDs=k  
/I: d<A  
^${-^w@,%V  
O4( Z%YBe  
Year Bugs Sales a*=\-;HaZ  
1995 2.3 500,000 [f^~Z'TIN/  
1996 3.2 1,700,000 )|\72Z~eq  
1997 5.6 8,200,000 U9kt7#@FDK  
1999 12.3 33,000,000 3+Xz5>"a  
l6a,:*_  
+-HaYB|p  
指定表头信息 4uDz=B+8y  
U =T[-(:H  
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一:row,默认值,表示此单元格包含它所在行的标题信息;column,表示覆盖它所在的列;rowgroup,表示覆盖它所在的行组;还有colgroup,表示覆盖它所在的列组。可以像下面那样充实我们的表格: ]Kil/Y  
?I7%@x!+S  
<TABLE> = 7#)8p[  
<TR> Zj!S('hSY  
<TH SCOPE="column">Year</TH> 9%iqequ  
<TH SCOPE="column">Bugs</TH> fE7[Sk  
<TH SCOPE="column">Sales</TH> /zPN9 db  
</TR> !P#lTyz  
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> pSay^9ZI  
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> &!Y^DR/  
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> fs7JA=?:   
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> q4lL7@_  
</TABLE> :^! wQ""  
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表,可以像下面那样定义与上例相同的联系: "X"DTP1b  
M9 _h0  
<TABLE> I6h{S}2  
<TR> v"=^?5B  
<TH ID="year">Year</TH> q'd6\G0 }  
<TH ID="bugs">Bugs</TH> ^MDBJ0 I.  
<TH ID="salws">Sales</TH> ;./Tv84I^  
</TR> R&=Y7MfZ  
<TR> S\s1}`pNm  
<TH ID="y1" HEADERS="year">1995</TH> o+q4Vg9&  
<TD HEADERS="y1 bugs">2.3</TD> X-6Se  
<TD HEADERS="y1 sales">500,000</TD> _8DY9GaE  
</TR> ?cowey\m .  
<TR> ]={:VsnL  
<TH ID="y2" HEADERS="year">1996</TH> C5 ^_R  
<TD HEADERS="y2 bugs">3.2</TD> {#0B~Zr  
<TD HEADERS="y2 sales">1,700,000</TD> ${0Xq k  
</TR> +#,t  
<TR> ZXe[>H  
<TH ID="y3" HEADERS="year">1997</TH> }a-ikFQ]  
<TD HEADERS="y3 bugs">5.6</TD> "E Q}xj  
<TD HEADERS="y1 sales">8,200,000</TD> x(}@se  
</TR> k;l^wM  
<TR> Y=/HsG\W]  
<TH ID="y4" HEADERS="year">1999</TH> ^ 4c2}>f  
<TD HEADERS="y4 bugs">12.3</TD> Z;SRW92@  
<TD HEADERS="y4 sales">33,000,000</TD> %`-NWAXL  
</TR> _Ev"/ %  
</TABLE>


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



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