表格，让Web看起来更美(4):表头网站建设常州五颜六色网络技术有限公司

常州五颜六色网络技术有限公司 -> 网站建设 -> 表格，让Web看起来更美(4):表头

登录 -> 注册 -> 回复主题 -> 发表主题

阿七

2006-04-04 09:52

表格中的标题 zRR^v&.9K
(3j f_
>Gvd?r
TD就是“Table Data”，这说明TD元素包含着表格中的数据。还有另外一种类型的单元格：TH元素，它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述： vhU#<59a1
#A< |qd
<TABLE> D3+<16[,
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> M'NO M>8
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> 7e)j|a-!<
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> ~UwqQD1p
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> m9ky?A,
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> _|COnm
</TABLE> :?)q"hE
r;"Qu
}AS3]Lub@
R{9G$b1Due
Year Bugs Sales OHH\sA
1995 2.3 500,000 @8cn<+"b
1996 3.2 1,700,000 mU>lm7'
1997 5.6 8,200,000 -_>E8PhM
1999 12.3 33,000,000 w6AG:u
Ye/Y<Ij
f!B\X*|
指定表头信息 V$ "]f6
85:mh\@-G
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一：row，默认值，表示此单元格包含它所在行的标题信息；column，表示覆盖它所在的列；rowgroup，表示覆盖它所在的行组；还有colgroup，表示覆盖它所在的列组。可以像下面那样充实我们的表格： uLt31G()
X/D% cQ6
<TABLE> Z:VT%-
<TR> 9*(uJA
<TH SCOPE="column">Year</TH> \IOF 9)F
<TH SCOPE="column">Bugs</TH> ]QF*\2b-I2
<TH SCOPE="column">Sales</TH> 6PMu*-Nv!j
</TR> 6^z):d#u
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> N1dM,H
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> bKr73S9
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> ~mT([V
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> q)RTy|NJ^
</TABLE> *zv*T"&ZP
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表，可以像下面那样定义与上例相同的联系： 2))pB/
t#nRa Pzp
<TABLE> wkD"EuW(
<TR> ({hW
<TH ID="year">Year</TH> 9gETWz(3I
<TH ID="bugs">Bugs</TH> !PEP`wEKdp
<TH ID="salws">Sales</TH> -D wO*f
</TR> *,Sa*-7(
<TR> D|/ 4),v
<TH ID="y1" HEADERS="year">1995</TH> 9@YhAj
<TD HEADERS="y1 bugs">2.3</TD> Gp1?drF6
<TD HEADERS="y1 sales">500,000</TD> x#'v}(v
</TR> b25C[C5C
<TR> hJ~=eYK?J
<TH ID="y2" HEADERS="year">1996</TH> :\|<7n
<TD HEADERS="y2 bugs">3.2</TD> Y".4."NX
<TD HEADERS="y2 sales">1,700,000</TD> sE\Cv2Gx
</TR> q)y<\cEO
<TR> ~L9I@(/S
<TH ID="y3" HEADERS="year">1997</TH> 17!<8vIV$C
<TD HEADERS="y3 bugs">5.6</TD> gO_d!x*
<TD HEADERS="y1 sales">8,200,000</TD> 1-8G2e
</TR> w*gG1BV
<TR> d08:lYQ
<TH ID="y4" HEADERS="year">1999</TH> _{?-=<V'_
<TD HEADERS="y4 bugs">12.3</TD> uX+ YH
<TD HEADERS="y4 sales">33,000,000</TD> vFi+ExBU
</TR> T!t9`I0Zz
</TABLE>