阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
表格，让Web看起来更美(4):表头
表格中的标题 Y;/=3T7An
:#&U95EC0
# #+ 8GLQM
TD就是“Table Data”，这说明TD元素包含着表格中的数据。还有另外一种类型的单元格：TH元素，它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述： ,w58n%)H
I
#6'
NZ
<TABLE> XY t8vJ
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> JpHs Q8<
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> gZ=9
Y:$
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> 0Eg r
Q
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> "}x70q' >S
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> wM& x8 <
</TABLE> zl8 \jP
)
ImIPSL
<!HD tN
7 Caap/L:
Year Bugs Sales U+A(.+d.
1995 2.3 500,000 7 u3b aM
1996 3.2 1,700,000 E#V-F- @2
1997 5.6 8,200,000 ghO//?m
1999 12.3 33,000,000 8RT0&[
ps;o[gB@5
nhxd
指定表头信息 U[ O!&:6
3UtXxL&L`
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一：row，默认值，表示此单元格包含它所在行的标题信息；column，表示覆盖它所在的列；rowgroup，表示覆盖它所在的行组；还有colgroup，表示覆盖它所在的列组。可以像下面那样充实我们的表格： p`.fYW:p
[Ik
B/Xbw|
<TABLE> o>rlrqr?_
<TR> 5Fm? ,^
<TH SCOPE="column">Year</TH> Uo)<_nG
<TH SCOPE="column">Bugs</TH> ae
Lo;!Jh
<TH SCOPE="column">Sales</TH> 0YRYCO$
</TR> C baAnm1
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> | B WK"G
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> ?- v?SN#
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> 1`J
N
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> tJfN6
</TABLE> \ bmboNe
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表，可以像下面那样定义与上例相同的联系： -@?>nLQb
)
G &3V
<TABLE> Uy'ZL(2
<TR> `X03Q[:q"[
<TH ID="year">Year</TH> R,Uy 3N
<TH ID="bugs">Bugs</TH> . ihn@eg
<TH ID="salws">Sales</TH> z9c=e46O
</TR> F9%VyQf
<TR> xyCcd=
<TH ID="y1" HEADERS="year">1995</TH> 3nGK674;z
<TD HEADERS="y1 bugs">2.3</TD> `erQp0fBM
<TD HEADERS="y1 sales">500,000</TD> /P}tgcs
</TR> bvvx(?!
<TR> I 9&<:`
<TH ID="y2" HEADERS="year">1996</TH> DuZ]g#
<TD HEADERS="y2 bugs">3.2</TD> 9:5NX3"p
<TD HEADERS="y2 sales">1,700,000</TD> X2 kLbe
</TR> 9jBr868
<TR> 5WG@ ;K%
<TH ID="y3" HEADERS="year">1997</TH> ^?`,f>`M
<TD HEADERS="y3 bugs">5.6</TD> LM`#S /h
<TD HEADERS="y1 sales">8,200,000</TD> ur5
n {0#
</TR> e.h:9` "*
<TR> (jMp
`4P
<TH ID="y4" HEADERS="year">1999</TH> lK@r?w|<M
<TD HEADERS="y4 bugs">12.3</TD> 5<
nK.i,
<TD HEADERS="y4 sales">33,000,000</TD> q@>
m~R
</TR> St x-(Kfn4
</TABLE>
|
|
|
|
[楼 主]
|
Posted: 2006-04-04 09:52 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 表格，让Web看起来更美(4):表头
