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

阿七 2006-04-04 09:52
表格中的标题 znNJ ?  
FZUN*5`  
F_Pv\?35z  
TD就是“Table Data”,这说明TD元素包含着表格中的数据。还有另外一种类型的单元格:TH元素,它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述: U{^~X_?  
v6Vd V.BI  
<TABLE> y":Y$v,P  
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> y@\R$`0J  
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> =TTk5(m  
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> ^e<"`e  
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> sBsf{%I[{  
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> ( !K?^si  
</TABLE> -F7GUB6B  
}ZP;kM$g  
BCrX>Pp }r  
8$c_ M   
Year Bugs Sales 9>@@W#TK~  
1995 2.3 500,000 # p?7{"Ep  
1996 3.2 1,700,000 v, =[!=8!  
1997 5.6 8,200,000 oNk ASAd  
1999 12.3 33,000,000 1c$<z~  
ZQ&A '(tt4  
1$Jria5n  
指定表头信息 m!Iax]D{  
Sqc r -  
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一:row,默认值,表示此单元格包含它所在行的标题信息;column,表示覆盖它所在的列;rowgroup,表示覆盖它所在的行组;还有colgroup,表示覆盖它所在的列组。可以像下面那样充实我们的表格: qIO<\Y l  
 H[cHF  
<TABLE> \0{g~cU4  
<TR> $p(,Qz(.8  
<TH SCOPE="column">Year</TH> yB>5p]$P  
<TH SCOPE="column">Bugs</TH> >z(AQ  
<TH SCOPE="column">Sales</TH> ` |L l  
</TR> \Mi] !b|8  
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> w6B'&   
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> +c8cyx:^f  
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> jJX-S  
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> :9_N Y"P  
</TABLE> B@:11,.7  
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表,可以像下面那样定义与上例相同的联系: v7V.,^6+  
(Wj2%*NT  
<TABLE> Q%seV<!/  
<TR> ?r`UBR+[  
<TH ID="year">Year</TH> x6d0yJ <  
<TH ID="bugs">Bugs</TH> \Mujx3Fmvx  
<TH ID="salws">Sales</TH> [P,/J$v^~  
</TR> ylV.ZoY6  
<TR> A7/ R5p  
<TH ID="y1" HEADERS="year">1995</TH> v Ft]n  
<TD HEADERS="y1 bugs">2.3</TD> FUq>+U!Qu  
<TD HEADERS="y1 sales">500,000</TD> 3\= iB&Gf|  
</TR> BFCF+hU^6R  
<TR> dHcGe{T^(  
<TH ID="y2" HEADERS="year">1996</TH> Kn#3^>D  
<TD HEADERS="y2 bugs">3.2</TD> 6Y#V;/gK!5  
<TD HEADERS="y2 sales">1,700,000</TD> 7\BGe I  
</TR> dIOj]5H3F  
<TR> Jkc1ih`^  
<TH ID="y3" HEADERS="year">1997</TH> q=o"] 6  
<TD HEADERS="y3 bugs">5.6</TD> X(b"b:j'  
<TD HEADERS="y1 sales">8,200,000</TD> aS7[s6  
</TR> A.mIqu,:  
<TR> UE3#(:x A  
<TH ID="y4" HEADERS="year">1999</TH> 9Q!X~L|\S  
<TD HEADERS="y4 bugs">12.3</TD> jY]hMQ/H  
<TD HEADERS="y4 sales">33,000,000</TD> 8a\ Pjk  
</TR>  2iUdTy$  
</TABLE>


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

51La

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