阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
表格，让Web看起来更美(4):表头
表格中的标题 ]/%CTD(O
Lm0q/d2|\X
c"Q9ob
TD就是“Table Data”，这说明TD元素包含着表格中的数据。还有另外一种类型的单元格：TH元素，它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述： B < H
D
f,3K;S-he:
<TABLE> | OZ>5
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> n2["Ln mO
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> \TYH7wXDP
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> mhs%8OTN
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> _PP-'^ U
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> 78]( ZYJV
</TABLE> =trLL+vGw'
Rp}S m ,w(
K2tOt7M!
!\\1#:*_W
Year Bugs Sales !4$o*{9Lx:
1995 2.3 500,000 S9qc34\^=
1996 3.2 1,700,000 o4aFgal1
1997 5.6 8,200,000 4X>=UO``L
1999 12.3 33,000,000 @4]dv > Z
ovvg"/>L
M-C> I;a
指定表头信息 4z qO!nk
TF@k{_f
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一：row，默认值，表示此单元格包含它所在行的标题信息；column，表示覆盖它所在的列；rowgroup，表示覆盖它所在的行组；还有colgroup，表示覆盖它所在的列组。可以像下面那样充实我们的表格： /@LUD=
,T+.xB;Q@
<TABLE> qu/b: P
<TR> @$ o^(my
<TH SCOPE="column">Year</TH>
?!n0N\|i]
<TH SCOPE="column">Bugs</TH> tE:6
<TH SCOPE="column">Sales</TH> [4\n( /
</TR> U#(#U0s*-
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> + J2;6t
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> e >b|13X
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> s-T#-
raE
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> DG
6W
^
</TABLE> Q ;2n
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表，可以像下面那样定义与上例相同的联系： _4X3g%nXl
h`V#)Q
<TABLE> =_vW7-H
<TR> !sh>`AF
<TH ID="year">Year</TH> U#k d cc|
<TH ID="bugs">Bugs</TH> #CNK [y
<TH ID="salws">Sales</TH> C{FE*@U.
</TR> Y dh+iLjhx
<TR> vptBDfzz
<TH ID="y1" HEADERS="year">1995</TH> [> L L
<TD HEADERS="y1 bugs">2.3</TD> K&TO8
<TD HEADERS="y1 sales">500,000</TD> ac#I $V-
</TR> 0y Bi io
<TR> P] qL&_
<TH ID="y2" HEADERS="year">1996</TH> 05Y4=7,!
<TD HEADERS="y2 bugs">3.2</TD> ^y<8 &ZFH
<TD HEADERS="y2 sales">1,700,000</TD> k/ 2TvEV3=
</TR> ^?-wov$
<TR> bTW#
f$q:4
<TH ID="y3" HEADERS="year">1997</TH> 2rG$.cGN"
<TD HEADERS="y3 bugs">5.6</TD> y}GFtRNG
<TD HEADERS="y1 sales">8,200,000</TD> % O \zYtQR
</TR> <@J0
770
<TR> 8 ;"HM5+
<TH ID="y4" HEADERS="year">1999</TH> v)%0`%nSR
<TD HEADERS="y4 bugs">12.3</TD>
,V.Bzf%=O
<TD HEADERS="y4 sales">33,000,000</TD> _tR?Wm NH=
</TR>
EdC/]
</TABLE>
|
|
|
|
[楼 主]
|
Posted: 2006-04-04 09:52 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 表格，让Web看起来更美(4):表头
