阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
表格,让Web看起来更美(4):表头
表格中的标题 U3F3((EYJ
zu<3^=3 ]yLhJ_^ TD就是“Table Data”,这说明TD元素包含着表格中的数据。还有另外一种类型的单元格:TH元素,它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述: 'ere!:GJD xvDI 4x& <TABLE> #T\ <TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> &+r4 <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?dfcS*!n </TABLE> Z> 74.
r HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表,可以像下面那样定义与上例相同的联系: agsISu( $qm~c[x% <TABLE> 8H
$#+^lW <TR> Q4K+*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 |
| |