阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
表格，让Web看起来更美(4):表头
表格中的标题 cgU7)
`0j
v(af aN
Di&tm1R1
TD就是“Table Data”，这说明TD元素包含着表格中的数据。还有另外一种类型的单元格：TH元素，它表示表头。表头为特定单元格提供标题信息。前面例子中的表格可以用更好的方式描述： 7==Uoy*O
eX=W+&l
j
<TABLE> 6l50IWj,T
<TR><TH>Year</TH><TH>Bugs</TH><TH>Sales</TH></TR> -JcfP+{wS
<TR><TD>1995</TD><TD>2.3</TD><TD>500,000</TD></TR> kY*D s;
<TR><TD>1996</TD><TD>3.2</TD><TD>1,700,000</TD></TR> `InS8P Lr
<TR><TD>1997</TD><TD>5.6</TD><TD>8,200,000</TD></TR> kefQH\<X
<TR><TD>1999</TD><TD>12.3</TD><TD>33,000,000</TD></TR> ,fL*yn
</TABLE> @P% &Dha
#t;@x_2yD\
WT1ch0~2
H3&$: h
Year Bugs Sales HQ]g{JVld\
1995 2.3 500,000 !"_\5$5i<X
1996 3.2 1,700,000 O 7E0{8
1997 5.6 8,200,000 H1N%uk=kV
1999 12.3 33,000,000 ;Lz96R@}
LA1UD+S
^'#vU j:"
指定表头信息 O{Wy;7i
_%Jqyc"-
有时表头覆盖哪些单元格并不明显。作者可以通过TH元素的SCOPE属性或TD元素的HEADERS属性来指定这种关系。SCOPE属性接受以下四种取值之一：row，默认值，表示此单元格包含它所在行的标题信息；column，表示覆盖它所在的列；rowgroup，表示覆盖它所在的行组；还有colgroup，表示覆盖它所在的列组。可以像下面那样充实我们的表格： u3kZOsG
^xFZ;Yf
<TABLE> W* N^Gp@
<TR> 10t9Qv/
<TH SCOPE="column">Year</TH> (oxe'\
<TH SCOPE="column">Bugs</TH> 5ILce%#zL
<TH SCOPE="column">Sales</TH> ~Sh8.
++}
</TR> r6JdF!\d
<TR><TH SCOPE="row">1995</TH><TD>2.3</TD><TD>500,000</TD></TR> :IvKxOv
<TR><TH SCOPE="row">1996</TH><TD>3.2</TD><TD>1,700,000</TD></TR> u 6;SgPw
<TR><TH SCOPE="row">1997</TH><TD>5.6</TD><TD>8,200,000</TD></TR>
$fL2w^ @
<TR><TH SCOPE="row">1999</TH><TD>12.3</TD><TD>33,000,000</TD></TR> fn]f$n*`
</TABLE> {p-&8-
HEADERS属性接受以空格分隔的相应表头单元格ID属性值列表，可以像下面那样定义与上例相同的联系： 7ZqC1
)BmK'H+
l
<TABLE> -ich N/U]s
<TR> $0=f9+@5
<TH ID="year">Year</TH> wgp{P>oBX
<TH ID="bugs">Bugs</TH> 3%p^>D \
<TH ID="salws">Sales</TH> \%g#
__\
</TR> #|ETH;HM
<TR> 3]$qY_|7
<TH ID="y1" HEADERS="year">1995</TH> D% v{[ KY
<TD HEADERS="y1 bugs">2.3</TD> W^v3pH-y #
<TD HEADERS="y1 sales">500,000</TD> ezS@LFaA
</TR> __O@w.
<TR> OXAr..
<TH ID="y2" HEADERS="year">1996</TH> s"gNHp.oF
<TD HEADERS="y2 bugs">3.2</TD> g ]
%sX6T
<TD HEADERS="y2 sales">1,700,000</TD> pb
JC A&
</TR> \W:~;GMeD
<TR> .ww~'5b0
<TH ID="y3" HEADERS="year">1997</TH> 41dB4Td5t
<TD HEADERS="y3 bugs">5.6</TD> vVBu/)
<TD HEADERS="y1 sales">8,200,000</TD> :rR)rj'
</TR> AYb-BaIc
<TR> T8'm {[C
<TH ID="y4" HEADERS="year">1999</TH> ^V,?n@c!
<TD HEADERS="y4 bugs">12.3</TD> p^J=* jm)x
<TD HEADERS="y4 sales">33,000,000</TD> \ 7]0v G
</TR> zp.-=)D4e
</TABLE>
|
|
|
|
[楼 主]
|
Posted: 2006-04-04 09:52 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 表格，让Web看起来更美(4):表头
