阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
表格，让Web看起来更美(4):表头
表格中的标题 BCUt`;q ]B
0w(T^G hZ
"WbVCT'i
TD就是“Table Data”，这说明TD元素包含着表格中的数据。还有另外一种类型的单元格：TH元素，它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述： G/z\
^Q
]osx.
<TABLE> R 'I_xjC
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> yw.~trF&%
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> (#bp`Kih
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> wY3|#P
CDV
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> n{^<&GWox
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> Xqg.kX
</TABLE> %l:|2s:
p:J RQT"A
cophAP
T)(e !Xz
Year Bugs Sales #d Z/UM(u
1995 2.3 500,000 T9z4W]T
1996 3.2 1,700,000 \D,M2vC~G
1997 5.6 8,200,000 8
"_Bq
1999 12.3 33,000,000 =[P%_v``
q%-&[%l
|66m` <
指定表头信息 IXZ(]&w
e
-F "d0a,
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一：row，默认值，表示此单元格包含它所在行的标题信息；column，表示覆盖它所在的列；rowgroup，表示覆盖它所在的行组；还有colgroup，表示覆盖它所在的列组。可以像下面那样充实我们的表格： D =r
-
:1aL9 fT
<TABLE> ~`t%M?l
<TR> rDVgk6
<TH SCOPE="column">Year</TH> h/I@_?k+
<TH SCOPE="column">Bugs</TH> f}[H
`OF
<TH SCOPE="column">Sales</TH> HE Bqv+bG
</TR> j%p CuC&"
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> 0V zXDb>`
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> Rl_.;?v"!
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> `#u l,%
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> q*L
]
</TABLE> 4P|$LkI
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表，可以像下面那样定义与上例相同的联系： @l'G[jN5
R
N@^j
<TABLE> Oe/6.h?
<TR> <EtUnj:qK8
<TH ID="year">Year</TH> )ZGYh E
<TH ID="bugs">Bugs</TH> :$=|7v
<TH ID="salws">Sales</TH> 7Rnm%8?T
</TR> YG4WS |
<TR> wa!zv^;N*
<TH ID="y1" HEADERS="year">1995</TH> 3:l D L2
<TD HEADERS="y1 bugs">2.3</TD> | xh& p(
<TD HEADERS="y1 sales">500,000</TD> D9.` h s0
</TR> )GVBE%!WEd
<TR> -0$:|p?@^
<TH ID="y2" HEADERS="year">1996</TH> ;o[rQ6 +
<TD HEADERS="y2 bugs">3.2</TD> cGNvEM(4AV
<TD HEADERS="y2 sales">1,700,000</TD> j$Nf%V 6Y
</TR>
[ "a"x>X&
<TR> |jT2W
<TH ID="y3" HEADERS="year">1997</TH> "(,2L,Zh
<TD HEADERS="y3 bugs">5.6</TD> ~-_i
<TD HEADERS="y1 sales">8,200,000</TD> jH>8bXQqZ
</TR> i@5 )` <?
<TR> zBY
~lNB
<TH ID="y4" HEADERS="year">1999</TH> l 4vTU=
<TD HEADERS="y4 bugs">12.3</TD> :g2
}C
<TD HEADERS="y4 sales">33,000,000</TD> /[ K_
&
</TR> JJ ?I>S N!
</TABLE>
|
|
|
|
[楼 主]
|
Posted: 2006-04-04 09:52 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 表格，让Web看起来更美(4):表头
