阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
表格，让Web看起来更美(4):表头
表格中的标题 ehQ~+ x
cy#N(S [ 1
?a` $Y>?h
TD就是“Table Data”，这说明TD元素包含着表格中的数据。还有另外一种类型的单元格：TH元素，它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述： |1Pi`^
,98`tB0
<TABLE> Oz s&YZ
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> @8V~&yqq
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> kB ;!EuL
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> $rz'Ybs
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> -LEpT$v|
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> <^wqN!
/
</TABLE> !7aJfs2
v6+<F;G3y>
kIYV%O
N!^5<2z@eT
Year Bugs Sales 2V= bE-
1995 2.3 500,000 $7bux 1L
1996 3.2 1,700,000 L=5Fvm
1997 5.6 8,200,000 %%f(R7n
1999 12.3 33,000,000 ^ l9NF
A0 1 D-)
$+@xwuY'+
指定表头信息 2q* aq%
IRl(H_.
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一：row，默认值，表示此单元格包含它所在行的标题信息；column，表示覆盖它所在的列；rowgroup，表示覆盖它所在的行组；还有colgroup，表示覆盖它所在的列组。可以像下面那样充实我们的表格： 2K$#U|Qi
UqZ#mKi
<TABLE> T&~7*j(|e
<TR> c %.v
I
<TH SCOPE="column">Year</TH> SjB#"A5
<TH SCOPE="column">Bugs</TH> >PMLjXK
<TH SCOPE="column">Sales</TH> 9V( esveq
</TR> Ba /^CS
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> YN 31Lo
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> 'ai!6[|SD
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> ~7Jj\@68
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> cWNWgdk,`V
</TABLE> bjYaJ tn
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表，可以像下面那样定义与上例相同的联系： t`y *oRy
<tp
#KZE
<TABLE> @O%d2bgEWV
<TR> KK4"H ]!.
<TH ID="year">Year</TH> nH % 1lD?:
<TH ID="bugs">Bugs</TH> BbdJR]N/!h
<TH ID="salws">Sales</TH> sCE2 F_xjL
</TR> rc9Y:(S1l
<TR> gaXKP1m^
<TH ID="y1" HEADERS="year">1995</TH> 0[T>UEI?
<TD HEADERS="y1 bugs">2.3</TD> <m3o r
<TD HEADERS="y1 sales">500,000</TD> 4%L-3Ij
</TR> Ee?+IZ H7|
<TR> pRLs*/Bw
<TH ID="y2" HEADERS="year">1996</TH> r(::3TF%#q
<TD HEADERS="y2 bugs">3.2</TD>
Nu%:7
<TD HEADERS="y2 sales">1,700,000</TD> 2>bV+[@B
</TR> Cq-#| +zr
<TR> &`J?`l X
<TH ID="y3" HEADERS="year">1997</TH> c& JYbq
<TD HEADERS="y3 bugs">5.6</TD> q4rDAQyPO
<TD HEADERS="y1 sales">8,200,000</TD>
Lv{xwHnE
</TR> ^3:DeZf!u
<TR> 'F [ C 4
<TH ID="y4" HEADERS="year">1999</TH> ef;Ta|#
<TD HEADERS="y4 bugs">12.3</TD> > \KVg(?D
<TD HEADERS="y4 sales">33,000,000</TD> ,LHQ@/}A C
</TR> Gqr Oj++>
</TABLE>
|
|
|
|
[楼 主]
|
Posted: 2006-04-04 09:52 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 表格，让Web看起来更美(4):表头
