阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
表格，让Web看起来更美(4):表头
表格中的标题 i6;rh -M?.
Zcc7
7dRA
:=q9ay
TD就是“Table Data”，这说明TD元素包含着表格中的数据。还有另外一种类型的单元格：TH元素，它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述： 0T$ `;~
B
z:Hp{7&
<TABLE> slr>6o%W`
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> 3
_eg'EP.E
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> /<O9^hA|
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> GV9pet89yu
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> %2G3+T8*x
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> lY[1P |]
</TABLE> 9Y2(.~w6X
9(Kff nE^
<P Vmr2Jp"
6,R<8a;Wn
Year Bugs Sales l,b_'
m@
1995 2.3 500,000 t3Iij0b~
1996 3.2 1,700,000 Fk`6
q
1997 5.6 8,200,000 c Ct5m
1999 12.3 33,000,000
pG /g
A
u )% w
9*?YES'6
指定表头信息 UyNP:q:
yW_goS0
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一：row，默认值，表示此单元格包含它所在行的标题信息；column，表示覆盖它所在的列；rowgroup，表示覆盖它所在的行组；还有colgroup，表示覆盖它所在的列组。可以像下面那样充实我们的表格： R*vfp ?x
MF::At[4
<TABLE> xt XK3[s
<TR> "1ZV uI
<TH SCOPE="column">Year</TH> #Pq6q.UB
<TH SCOPE="column">Bugs</TH> `z cpaE.@
<TH SCOPE="column">Sales</TH> W5 RZsS]
</TR> }- WuHh#
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> <,nd]a
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> .noY[P 8i
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> `[f IK,
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> }GG H:v
</TABLE> 79M` ?xm
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表，可以像下面那样定义与上例相同的联系： ?kc,}
/4
sJLJVSv8c
<TABLE> MXY!N /
<TR> ,<Cz S,(
<TH ID="year">Year</TH> *>Zq79TG
<TH ID="bugs">Bugs</TH> [-Mfgw]i
<TH ID="salws">Sales</TH> k5GJ
rK+
</TR> }Q>??~mVl
<TR> /57)y_ \
<TH ID="y1" HEADERS="year">1995</TH> sX= _|<[
<TD HEADERS="y1 bugs">2.3</TD> xV5eKV
<TD HEADERS="y1 sales">500,000</TD> <F5x}i~(C
</TR> q% }54E80
<TR> QPwUW
<TH ID="y2" HEADERS="year">1996</TH> *ps")?tlC
<TD HEADERS="y2 bugs">3.2</TD>
.AHww7
<TD HEADERS="y2 sales">1,700,000</TD> q \\52 :\
</TR> Z6r_T
<TR> L [ 7Aa"R
<TH ID="y3" HEADERS="year">1997</TH> IqmoWn3
<TD HEADERS="y3 bugs">5.6</TD> UPJ3YpK
<TD HEADERS="y1 sales">8,200,000</TD> 5i1Xumh 4
</TR> n8> ( m,
<TR> m]:|j[!*M
<TH ID="y4" HEADERS="year">1999</TH> WMd5Y`y
<TD HEADERS="y4 bugs">12.3</TD> YXhxzH hPd
<TD HEADERS="y4 sales">33,000,000</TD> 2p|[yZ
</TR> ojZvgF
</TABLE>
|
|
|
|
[楼 主]
|
Posted: 2006-04-04 09:52 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 表格，让Web看起来更美(4):表头
