» 您尚未 登录   注册 | 社区服务 | 帮助 | 社区 | 无图版


常州五颜六色网络技术有限公司 -> 网站建设 -> 表格,让Web看起来更美(4):表头
 XML   RSS 2.0   WAP 

--> 本页主题: 表格,让Web看起来更美(4):表头 加为IE收藏 | 收藏主题 | 上一主题 | 下一主题
阿七




该用户目前不在线
级别: 未验证会员
精华: 0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子

表格,让Web看起来更美(4):表头

表格中的标题 U3F3((EYJ  
zu<3^=3  
]y LhJ_^  
TD就是“Table Data”,这说明TD元素包含着表格中的数据。还有另外一种类型的单元格:TH元素,它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述: 'ere!:GJD  
xvDI 4x&  
<TABLE> #T\  
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> &+r 4  
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> V`k8j-*s  
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> m:{tgcE  
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> CgnXr/!L  
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> "^%Z'ou  
</TABLE> h\y-L~2E  
Gzm$OHbn  
G$5m$\K  
\+Y!ILOI  
Year Bugs Sales HFS+QwHW  
1995 2.3 500,000 .wc = ]  
1996 3.2 1,700,000 ;&?pd"^<_Z  
1997 5.6 8,200,000 SxMj,u%X/  
1999 12.3 33,000,000 0H:dv:#WAI  
~O4|KY  
D;js.ZF  
指定表头信息 o4)hxs  
nGrVw&  
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一:row,默认值,表示此单元格包含它所在行的标题信息;column,表示覆盖它所在的列;rowgroup,表示覆盖它所在的行组;还有colgroup,表示覆盖它所在的列组。可以像下面那样充实我们的表格: W9R`A  
LfX0Z=<  
<TABLE> vWY(%Q,  
<TR> RP` `mI  
<TH SCOPE="column">Year</TH> QzthTX<  
<TH SCOPE="column">Bugs</TH> i_U}{|j  
<TH SCOPE="column">Sales</TH> ?~F. /  
</TR> MF.[8Zb  
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> K.DXJ UR  
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> _CdROo6I  
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> kx{!b3"  
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> X?df cS*!n  
</TABLE> Z> 74. r  
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表,可以像下面那样定义与上例相同的联系: agsISu(  
$qm~c[x%  
<TABLE> 8H $#+^lW  
<TR> Q 4K +*Fi}  
<TH ID="year">Year</TH> (9GbG"   
<TH ID="bugs">Bugs</TH> ;KcFy@ 6q5  
<TH ID="salws">Sales</TH> K{L.ZH>7  
</TR> yQ[u3tI  
<TR> Y @}FL;3  
<TH ID="y1" HEADERS="year">1995</TH> H/jm f5  
<TD HEADERS="y1 bugs">2.3</TD> PDC]wZd/  
<TD HEADERS="y1 sales">500,000</TD> %f! iHo+Z  
</TR> XO wiHW{  
<TR> 4/MNqit+  
<TH ID="y2" HEADERS="year">1996</TH> fIyPFqf7w)  
<TD HEADERS="y2 bugs">3.2</TD> d=F-L  
<TD HEADERS="y2 sales">1,700,000</TD> v2J0u:#,  
</TR> MsjnRX:c3u  
<TR> zilaP)5x6  
<TH ID="y3" HEADERS="year">1997</TH> ( u f5\}x  
<TD HEADERS="y3 bugs">5.6</TD> 8"M<{72U]  
<TD HEADERS="y1 sales">8,200,000</TD> `C'}e  
</TR> 'h}7YP, w  
<TR> Gah lS*W   
<TH ID="y4" HEADERS="year">1999</TH> 9^zx8MRXd  
<TD HEADERS="y4 bugs">12.3</TD> V2Y$yV8g1  
<TD HEADERS="y4 sales">33,000,000</TD> ;0j*>fb\q7  
</TR> ou6j*eSN  
</TABLE>

[楼 主] | Posted: 2006-04-04 09:52 顶端

常州五颜六色网络技术有限公司 -> 网站建设



Copyright © 2005-2009 5y6s Inc. 苏ICP备05001866号 Powered by PHPWind 5.0.1
Total 0.009825(s) query 4, Gzip enabled
会员言论不代表本站立场 本站法律顾问:北京汇泽律师事务所 韩律师
QQ:点击这里给我发消息 /点击这里给我发消息 /点击这里给我发消息
51La