阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
表格，让Web看起来更美(4):表头
表格中的标题 i! DO
< rqFBq 8
'v:%} qMv
TD就是“Table Data”，这说明TD元素包含着表格中的数据。还有另外一种类型的单元格：TH元素，它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述： w
|0w<K
;8 J+Q0V
<TABLE> @ZTsl ?
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> ,sln 0
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> ZQ'bB5I
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> RJO40&Z<Z
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> QM 'Db`B
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> *eb2()B%
</TABLE> afNqK~
}Rx`uRx\
%?WR 9}KU0
8,m3] Lg
Year Bugs Sales -
T+7u
1995 2.3 500,000 !&b
wFO>P
1996 3.2 1,700,000 ]| PDsb"e
1997 5.6 8,200,000 Fy 8$'o c
1999 12.3 33,000,000 !.}ZlA
i9 Tq h
Y&JK* d
指定表头信息 fu]mxGPc
H:jx_
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一：row，默认值，表示此单元格包含它所在行的标题信息；column，表示覆盖它所在的列；rowgroup，表示覆盖它所在的行组；还有colgroup，表示覆盖它所在的列组。可以像下面那样充实我们的表格： )%T< Mw2u
KqNbIw*sR
<TABLE> jQIb :\0#
<TR> TC$)::C1
<TH SCOPE="column">Year</TH> < yq
kJ
<TH SCOPE="column">Bugs</TH> -xk.
wWpV
<TH SCOPE="column">Sales</TH> UB
Z37P
</TR> 2MQ
Xt K
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> N(W ;\>P
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> Jv+N/+M47
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> CfMC c:8mL
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> Zl4 X,9Wt
</TABLE> `z)q/;}fC
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表，可以像下面那样定义与上例相同的联系： C ks;f6G
yur5" $n
<TABLE> pSC\[%K
<TR> 'Jl |-RUd
<TH ID="year">Year</TH> 8uq`^l%KkZ
<TH ID="bugs">Bugs</TH> xxS>O%
<TH ID="salws">Sales</TH> %/:0x:ns
</TR> BD.>aAi!
<TR> Z,Z4Sp
<TH ID="y1" HEADERS="year">1995</TH> `k ]2*$%
<TD HEADERS="y1 bugs">2.3</TD> ^S %xaA9
<TD HEADERS="y1 sales">500,000</TD> rQb=/ @-
</TR> : F N-.1C
<TR> {IgL H`@
<TH ID="y2" HEADERS="year">1996</TH> q e3d,!
<TD HEADERS="y2 bugs">3.2</TD> k+5l
<TD HEADERS="y2 sales">1,700,000</TD> n) t'?7
</TR> N7 ox#=g
<TR> ,%X"Caz
<TH ID="y3" HEADERS="year">1997</TH> 9
7Ua,
<TD HEADERS="y3 bugs">5.6</TD> &)ED||r,
<TD HEADERS="y1 sales">8,200,000</TD> \'9(zbvz9
</TR> J Upb*B_z
<TR> 3o^~ 6A
<TH ID="y4" HEADERS="year">1999</TH> l&Cy K#B:\
<TD HEADERS="y4 bugs">12.3</TD> ]]eI80u[
<TD HEADERS="y4 sales">33,000,000</TD> o5;|14O
</TR> k((kx:
</TABLE>
|
|
|
|
[楼 主]
|
Posted: 2006-04-04 09:52 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 表格，让Web看起来更美(4):表头
