阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
表格，让Web看起来更美(4):表头
表格中的标题 1k&**! S]%
&%."$rC/0b
dW
hU
o\>=
TD就是“Table Data”，这说明TD元素包含着表格中的数据。还有另外一种类型的单元格：TH元素，它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述： :xdl I`S
Eg&oAY.U
<TABLE> <=fYz^|XT
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> cuenDw=eC
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> 6.X| . N
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> RLuA^ONI
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> Oj 6PmUK4
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> ~N{ 7
</TABLE> {.vU;
19.+"H
SJ/($3GkBd
6y;R1z b
Year Bugs Sales $LxfdSa
1995 2.3 500,000 GEJEhwO;H
1996 3.2 1,700,000
9
gt$z}oU
1997 5.6 8,200,000 }bwH(OOS
1999 12.3 33,000,000 e;QPn(
-)S(eqq1
UZsn14xSA
指定表头信息 :T aequ
k
AQCU\E
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一：row，默认值，表示此单元格包含它所在行的标题信息；column，表示覆盖它所在的列；rowgroup，表示覆盖它所在的行组；还有colgroup，表示覆盖它所在的列组。可以像下面那样充实我们的表格： a>1_|QB.
xj/Iq<'R*O
<TABLE> z qd_^
<TR> {5 <3./5O
<TH SCOPE="column">Year</TH> x3dP`<
<TH SCOPE="column">Bugs</TH> -Xm/sq(i)%
<TH SCOPE="column">Sales</TH> Qw &It
</TR> IF"-{@
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> ?`jh5Kw%y
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> d(LX;sq?
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> <F~0D0G
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> 9eA2v{!S
</TABLE> \Y V`M3O
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表，可以像下面那样定义与上例相同的联系： xPuuG{Sm
!F@9xG
<TABLE> mW_B|dM"
<TR> a@>P?N~LA9
<TH ID="year">Year</TH> 1 uKWvp0\
<TH ID="bugs">Bugs</TH> `%PU_;Y5Q
<TH ID="salws">Sales</TH> 4tv}5llSG
</TR> _]g?3Gw7!
<TR> }]i re2j8
<TH ID="y1" HEADERS="year">1995</TH> 3&'u7e
<TD HEADERS="y1 bugs">2.3</TD> {w,g~ew
`
<TD HEADERS="y1 sales">500,000</TD> ]<9KX}
B
</TR> _[eAA4h
<TR> ,-55*Rbi
<TH ID="y2" HEADERS="year">1996</TH> nhbCk6Y5LZ
<TD HEADERS="y2 bugs">3.2</TD> 0N" VOEvG
<TD HEADERS="y2 sales">1,700,000</TD> /FP;Hsw%
</TR> % Ls5:Z=
<TR> GI]sE]tZ
<TH ID="y3" HEADERS="year">1997</TH> YlF<S49loC
<TD HEADERS="y3 bugs">5.6</TD> HA kEJgV
<TD HEADERS="y1 sales">8,200,000</TD> V l,
V
</TR> {C% #r@6
<TR>
k7R8 Q~4
<TH ID="y4" HEADERS="year">1999</TH> dKKh^D`~
<TD HEADERS="y4 bugs">12.3</TD> Y? 1
3_~
K
<TD HEADERS="y4 sales">33,000,000</TD> ZSB_ OS[N
</TR> 3G4N0{i
</TABLE>
|
|
|
|
[楼 主]
|
Posted: 2006-04-04 09:52 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 表格，让Web看起来更美(4):表头
