阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
表格，让Web看起来更美(4):表头
表格中的标题 xGQP *nZ
]Q ]
y*
zn 0y`9!n?
TD就是“Table Data”，这说明TD元素包含着表格中的数据。还有另外一种类型的单元格：TH元素，它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述： .%{B=_7
g_IcF><F
<TABLE> Jw@X5-(C p
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> -&`_bf%M
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> \ Xmp lG:
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> y>x"/jzF#
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> |f @A-d X
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> fMFkA(Of^
</TABLE> TK18U*z7J
K=o {
& ;.rPU
p@% Pdx
Year Bugs Sales .z_nW1id
1995 2.3 500,000 VD7-;
1996 3.2 1,700,000 M&V4 |D
1997 5.6 8,200,000 ;Us 6:}s
1999 12.3 33,000,000 :t!J
9
C(v'7H{4cW
1="]'!2Is
指定表头信息 VnSO>O
kVM*[<k
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一：row，默认值，表示此单元格包含它所在行的标题信息；column，表示覆盖它所在的列；rowgroup，表示覆盖它所在的行组；还有colgroup，表示覆盖它所在的列组。可以像下面那样充实我们的表格： N*|EfI|X
qjkWCLOd
<TABLE> *\xRNgEQ
<TR> ,&4
[ `d
<TH SCOPE="column">Year</TH> 0'r}] Mws
<TH SCOPE="column">Bugs</TH> nbP}a?XC
<TH SCOPE="column">Sales</TH> &$CyT6mb^
</TR> vb0Ca+}}
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> ufR>*)_+
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> uc!6?+0h
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR> ~h8k4eM
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> i : UN
</TABLE> p%>!1_'(
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表，可以像下面那样定义与上例相同的联系： ;WN% tI)
[7DU0Xg7
<TABLE>
A ; `[va
<TR> teDRX13=;
<TH ID="year">Year</TH> ~P,Z@|c4
<TH ID="bugs">Bugs</TH> !K*3bY `#
<TH ID="salws">Sales</TH> 2ALYfZ|d
</TR> R6;229e
<TR> ]A- LgDsS
<TH ID="y1" HEADERS="year">1995</TH> ?P7QAolrr
<TD HEADERS="y1 bugs">2.3</TD> ',FVT4OMw
<TD HEADERS="y1 sales">500,000</TD> ;+f (1=x
</TR> u8A,f}D 3
<TR> .ejC#vB{KM
<TH ID="y2" HEADERS="year">1996</TH> NODE`VFu
<TD HEADERS="y2 bugs">3.2</TD> mrE> o !
<TD HEADERS="y2 sales">1,700,000</TD> UeB
St.
</TR> <Vyl*a{%
<TR> }FV_jJ
<TH ID="y3" HEADERS="year">1997</TH> #CeWk$)m
<TD HEADERS="y3 bugs">5.6</TD> m7 > )p]]
<TD HEADERS="y1 sales">8,200,000</TD> V^G+_#@,,
</TR> =x^IBLHN
<TR> W-RshZ\
<TH ID="y4" HEADERS="year">1999</TH> 8.`5" 9Vh
<TD HEADERS="y4 bugs">12.3</TD> I%{D5.du
<TD HEADERS="y4 sales">33,000,000</TD> EJ:2]!O
</TR> ,8p-EH
</TABLE>
|
|
|
|
[楼 主]
|
Posted: 2006-04-04 09:52 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 表格，让Web看起来更美(4):表头
