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

阿七 2006-04-04 09:52
表格中的标题 =I3U.^ :  
!I  P*  
>}tG^)os  
TD就是“Table Data”,这说明TD元素包含着表格中的数据。还有另外一种类型的单元格:TH元素,它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述: z{_Vn(Kg   
FC .-u"V  
<TABLE> dXN&<Q,  
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> vIv3rN=5vB  
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> ;\0RXirk  
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> uv d>  
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> W u{nC  
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> mSp7H!  
</TABLE> {[#  
%^A++Z$`  
^DJ U99  
_JB3+0@  
Year Bugs Sales , X):2_m  
1995 2.3 500,000 TR7TF]itb  
1996 3.2 1,700,000 EPfVS  
1997 5.6 8,200,000 /d;l:  
1999 12.3 33,000,000 .v!e=i}.  
qN(; l&Q  
3j#F'M)s{  
指定表头信息 /pEki g7M  
Wb$bCR#?<  
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一:row,默认值,表示此单元格包含它所在行的标题信息;column,表示覆盖它所在的列;rowgroup,表示覆盖它所在的行组;还有colgroup,表示覆盖它所在的列组。可以像下面那样充实我们的表格: o$;x[US  
WR%iUO40  
<TABLE> -JkO[ IF  
<TR> ^h J ,1{o  
<TH SCOPE="column">Year</TH> 0cVXUTJ|W  
<TH SCOPE="column">Bugs</TH> H|?`n uiD  
<TH SCOPE="column">Sales</TH> dDn:^)  
</TR> \v_(  *  
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> Z]CH8GS~<  
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> z9ZAY!Zhq]  
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> [0e mOS  
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> 1:8: y FV  
</TABLE> ce\-oT  
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表,可以像下面那样定义与上例相同的联系: ,GlK_-6>  
~heF0C _  
<TABLE> _BV:i:z  
<TR> R _%pR_\  
<TH ID="year">Year</TH> |ouk;r24V  
<TH ID="bugs">Bugs</TH> .N2Yxty8>  
<TH ID="salws">Sales</TH> bC|~N0b  
</TR> TMrmyvv  
<TR> lAQ&PPQ  
<TH ID="y1" HEADERS="year">1995</TH> g& Rk}/F  
<TD HEADERS="y1 bugs">2.3</TD> ([|M,P6e)U  
<TD HEADERS="y1 sales">500,000</TD> ,??|R` S  
</TR> jn'8F$GU  
<TR> ?.H*!u+9>  
<TH ID="y2" HEADERS="year">1996</TH> ~F-,Q_|-  
<TD HEADERS="y2 bugs">3.2</TD> 6{6tg>|L)  
<TD HEADERS="y2 sales">1,700,000</TD> U+z&jdnhDR  
</TR> 7gkHKdJoMA  
<TR> FVHL;J]nf1  
<TH ID="y3" HEADERS="year">1997</TH> ,3K?=e2  
<TD HEADERS="y3 bugs">5.6</TD> :c>,=FUT  
<TD HEADERS="y1 sales">8,200,000</TD> ROS0Q9X  
</TR> Z=xrj E  
<TR> <Aa%Uwpc  
<TH ID="y4" HEADERS="year">1999</TH> udB}`<Q  
<TD HEADERS="y4 bugs">12.3</TD> anbr3L[!  
<TD HEADERS="y4 sales">33,000,000</TD> .IqS}Rh  
</TR> eNNK;xXe#  
</TABLE>


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

51La

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