观察网站的两个面，体味中国的网络人生！

HTML表格元素

上一篇 / 下一篇  2008-03-20 12:58:54 / 个人分类：电子商务

查看( 3 ) / 评论( 0 ) / 评分( 0 / 0 )

世界经理人管家bKj3ha#Ew1]

<table>标签

ZKoeq7C L.Nc0

n;[?E&KlI8R0    <table>标签是表格的标识符，用以界定表格的范围。<table>标签是成对出现标签，首标签<table>和尾标签</table>之间的内容就是表格的内容。<table>标签的属性主要有border、width、height、align、cellapacing和cellpadding，它们都是可选的。

)a?/A)Te0

X:}4[2{e0    border属性世界经理人管家5M \v Vp

_umnYjJl/~6S0    border属性的参数值是数字，表示表格边框宽度所占的像素点数； border属性也可以不带参数值使用，仅表示该表格是有边框的。例如，<table border=10>表示该表格的边框宽度为10个像素点。

8b`t#t&{:r0

hm'q8O4D0    width和 height属性世界经理人管家2}_P RjIz

C2Q?/q[5C0    width和height属性的作用是指定表格的大小。其中width属性用以规定表格的宽度，height属性用以规定表格的高度。这两个属性的参数值可以是数字或百分数，其中数字表示表格宽度（高度）所占的像素点数，百分数表示表格的宽度（高度）占浏览器窗口宽度（高度）的百分比。例：<table width=200 height=50％>表示该表格的宽度为200个像素点，高度为浏览器窗口高度的50％。

n2a's4M1M:_5k1r\0]3x0 世界经理人管家n.e8O q]Of#c5R!n%^

  align属性世界经理人管家(j8eE'|D)\9v

on gWD'Z5d0    align属性的参数值为left、center和right之一，分别表示表格位于其相邻文字的左侧、表格水平居中和表格位于与其相邻的文字右侧。例如：
FA#\+@)Pm0    <html>世界经理人管家;o\P7^_ QH+X}!l
    <head>
S8Xlc T0    <title>An example of table</title>
9h#]_R#W%W O4|0    </head>世界经理人管家Ble Gq*F
    <body>
'nv.e,R$\x6GF;X0    <tabl> border=3 Width=60％ align=left>
)pg4g'UG`0    <TR>
2L!h)EV8v4wb~0    <TH>Number</TH>Name</TH>世界经理人管家'{\^F2^S$Pzq6_6r
    <TH>Department</TH><TH>Course</TH><TH>Score</TH>
B@{/[0g4Li kGQF W0    </TR>
qQ|'Fy!EH0    <TR>世界经理人管家 \6{%C)wR
    <TD>1</TD><TD>John </TD>
/FVUb:]0    <TD>Computer</TD><TD>Programming</TD><TD>87</TD>
P*] zcb-Q J%J0    </TR>世界经理人管家n_0e K$kq}!M1i7b
    <TR>
)x;BM&ZN0    <TD>2</TD><TD>Betty</TD>Management</TD>
5^.l-n#KV \^"w0    <TD>Marketing</TD>85</TD>世界经理人管家lR N8oKx
    </TR>
aS]x0W4?wj^3q0    </table>
F9R&K @4IW p0    This is an example of ALIGN=left<BR>世界经理人管家(Bd4ah wLh't%h
    Please pay attention to the relative  position<BR>世界经理人管家|[z J0n_"Fv
    <HR>世界经理人管家j&c:M#V7Y mzv
    <table border=5 width=50％ align=center>世界经理人管家V0G(yAB5HSXQ
    <TR>
@$T | OG o0    <TH>Number</TH><TH>Name</TH>
Y7uo.uB5i d&p7h0    <TH>Department</TH><TH>Course</TH>世界经理人管家/k+Finq
    <TH>Score</TH>世界经理人管家bM0p,z#A.[
    </TR>
,q%WGD#`D;Z1PQi0    <TR>世界经理人管家(_Czi*T Z
    <TD>1</TD><TD>John </TD>
%`hq;C/A0    <TD>Computer</TD><TD>Programming</TD><TD>87</TD>世界经理人管家v$y)z#X0Ki*Gu
    </TR>世界经理人管家N(WE3mp _L
    <TR>世界经理人管家LnfuV)@KO }_
    <TD>2<TD>Betty</TD>Betty</TD><TD>Management</TD>世界经理人管家 ^!y_ LZ)H/i{
    <TD>Marketing</TD><TD>85</TD>世界经理人管家PF3pk fc6s
    </TR>世界经理人管家 lmCl9jtZV
    </table>
%X} n o"j0Z.@0    This is an example of ALIGN=center<BR>世界经理人管家MUG`p8y
    Please pay attention to the relative position<BR>世界经理人管家 JW;R X Au+@ b-e
    <HR>
'W/PFH'tV0    <tabl border=2 Width=50％ align=right>世界经理人管家.c+_*OK3p
    <TR>世界经理人管家'K*VV)H}BzanGU
    <TH> Number</TH><TH>Name</TH>世界经理人管家%j3W(l4A h T
    <TH>Department</TH><TH>Course</TH>
5@ ItkJ;HR0    <TH>Score</TH>世界经理人管家,O ao i&P6d2t_I-j
    </TR>世界经理人管家@&n0Pa.d*jF*II
    <TR>
V(U vMz yX0    <TD>1</TDu><TD>John</TD>世界经理人管家 O9sWP {%@Wy
    <TD>Computer</TD><TD>Programming</TD><TD>87</TD>世界经理人管家8_7|s!s2j@F"tY? oT
    </TR>世界经理人管家'Lyk']:i/y(Q
    <TR>
X&P(dfnlf0    <TD>2 </TD><TD>Betty</TD><TD>Management</TD>世界经理人管家&Z;nO1{tn8K
    <TD>Markting</TD><TD>85</TD>
%IVY:~@0    </TR>
-I Sq%w)g~0    </table>世界经理人管家U`QC(q@v
    This is an example of ALIGN=risht<BR>
%]5PxX/\1n3zD0    Please pay attention to the relative position<BR>世界经理人管家R"i4M%HQ
    </body>
'ql-VH@0    </html>世界经理人管家H.Vu]H$h Y.T

&`1]!cZL0
L U3x"ip t0（四）cellspacing属性世界经理人管家T,o(R oj7O7Ny0r

s!Y$RO;X.w!XH{0    cellspacing属性用以指定表格各单元格之间的空隙。该属性的参数值为数字，表示单元格间隙所占的像素点数。

8l2e3k(J:k:KG8X0 世界经理人管家sN'z'VV4r~)X1i

    （五）cellpadding属性

T_%v J'xp0

XpY[HI-nL0    cellpadding属性用于指定单元格内容与单元格边界之间空白距离的大小、该属性的参数值也是数字，表示单元格内容与上下边界之间空白距离的高度所占的像素点数以及单元格内容与左右边界之间空白距离的宽度所占的像素点数。例如：世界经理人管家8X:s x(o.c f!U w
    <html>世界经理人管家6w0GeN'd Yf
    <head>
+S0| S*u!@%Er$X#i0    <title>An example of table</title>
"I.C(SE T5s0    <body>世界经理人管家KG{_Dtf
    <HR>
e(~1D0y(Q&u0    未加入单元格属性规定前：<BR>世界经理人管家e$y dSm\,is
    <table border=3>
7f.C~2e^0    <TR>
U[!T,az0    <TH> Number</TH><TH> Name </TH>世界经理人管家%~!`\'ii%^&rT
    <TH>Department</TH><TH>Course</TH><TH>Scorse</TH>
'oulQ|#}V0    </TR>世界经理人管家E!^!p'B~T B
    <TR>世界经理人管家K&jTicR y9z5e-F
    <TD>1</TD><TD>John</TD>
!b3H,Ca:y;lV0    <TD>Computer</TD><TD>Programming</TD><TD>87</TD></TR>世界经理人管家&Ew,`8j{ l(hPKu(e
    <TR>世界经理人管家-z1lH1x2{+\
    <TD>2 </TD><TD>Betty</TD><TD>Management</TD>世界经理人管家 v:E|6?\x
    <TD>Marketing</TD><TD>85</TD>
#J$GM7bu6MT0    </TR>
.BM2y3f!l8X)wS^0    </tale>
,fu&~S0?6U'@0    <HR>
JH ~4r!t(HqI0    加入单元格属性规定后：<BR>世界经理人管家QNu8\e_!Y)R{6?
    <table>border=3   cellspacing=10    cellpadding=10>
2`re*P\*W0    <TR>
/^6mq AkFf@Z&M0    <Th> Number</TH><TH> Name </TH>
8p,oVum0x'g*q0    <TH>Department</TH><TH>Course</TH><TH>Scors</TH>世界经理人管家GPYT#xo
    </TR>世界经理人管家x?hR,_ dk
    <TR>
HkF}6g4Y!}9M3Tg0    <TD>1</TD><TD>John</TD>
k#OC^lD`q0    <TD>Computer</TD><TD>Programming><TD>87</TD>世界经理人管家ENvS!L
    </TR>
t s/k2i[Z7z:T0    <TR>世界经理人管家 W7U0e~2c
    <TD>2</TD><TD>Betty</TD><TD>Management</TD>
7hc!qB~%?uIV0    <TD>Marketing </TD><TD>85</TD>世界经理人管家\;K%o2ugRs,s7_
    </TR>
Tw/P{-GV0    </table>世界经理人管家Aa ^QYA!e
    </body>
6Qt%E D t1L2g e(i4s0    </html>世界经理人管家*IOD3@5pf$]G8?
    在IE4.0中显示效果如图3-7所示。世界经理人管家}-J5LI)jk
    和普通表格一样，HTML中的表格也是由表格标题、表头元素和具体数据元素组成的。HTML是通过在表格标签中嵌套使用有关标签来定义这些元素的。嵌套在表格标签中使用的标签主要有<CAPTION>、<TR>、<TH>和<TD>。

[\ _F!oK$R"q;~0

7E lS%id edc5uC0    二、<CAPTION>标签世界经理人管家@z!h)?{.pt9Z:RT

)k+[4{!zq C-W[0    表格标题标签<CAPTION>是成对出现标签，首标签<CAPTION>和尾标签</CAPTION>之间的内容就是表格的标题。<CAPTION>有两个属性：ALION和VALIGN，它们都是可选的。
!EVi+tj)ZG'ASFv%b0 

3g7WW#XLkZ3c"P Y0 世界经理人管家CB8HMC kgbO

   （一）ALIGN属性世界经理人管家~k/R0nsot)|:m
    ALGN属性的参数值为left、center和right之一，分别表示表格标题与表格的左沿对齐、位于表格中间和与表格的右沿对齐。缺省时，表格标题位于表格中间。

lg(Y5j'q)g1n0

2my`']IF-KK#{.Q1aDn0   （二）VALIGN属性世界经理人管家d:}P+} z~ i

世界经理人管家`.su3zc6d

   VALIGN属性的参数值为top和bottom之一，分别表示表格标题位于表格的上方和下方。缺省时，表格标题位于表格的上方。例如：世界经理人管家 H,m;{@5B8P m
    <html>世界经理人管家/b#{aW.j;a4D
    <head>世界经理人管家,}*EU%d _B
    <title>表格标题标题测试文档</title>世界经理人管家W/SW(B@7^
    <body>
2j7w9[1uM7`0    <HR>
t#M&R.t^n%e Q0    <tabe border=3>世界经理人管家[B2]G.@p+E3aX-cR
    <CAPTION ALIGN=right><B> Students’ Score</B></CAPTION><BR>世界经理人管家J!ETk.Q{2v
    <TR>
}[8_(p8a#YL1u0    <TH>Number</TH></TH><TH>Name</TH>世界经理人管家a6S9L8k B;lQ YM i"M
    <Th>Department</TH><TH>Course<TH>Score</TH>
u3|uz;C)YvyoD:J0    </TR>世界经理人管家$L0MA2QG$o"o2a
    <TR>世界经理人管家:H3KiH,v MJ1n
    <TD>1</TD<TD>John<TD>世界经理人管家 P-kt \TY(uQ Z
    <TD>Computer</TD><TD>Programming</TD><TD>87</TD></TR>世界经理人管家RT}Fnb
    <TR>
D `1QK(p0    <TD>2</TD><TD>Betty</TD><TD>Management</TD>世界经理人管家,V%bsD VNG` g6vP
    <TD>Marketing</TD>85</TD>
-iJN%n }0    </TR>
2{ o S+r7dS5}5Z0    </table>世界经理人管家:VKhY:R
    <HR>世界经理人管家E+K"T dY)j7kx
    <table border=3>
z o)m"fbU$x(a tt]0    <CAPTION  VALIGN=bottom ><B> Studeots’Score</B></CAPTION><BR>
_ m)w8@ ?2B#T0    <TR>
:a*Ni/w `rP3IL1W0    <TH> Number</TH><TH> Name</TH>
p*@A Yi[F[0    <TH>Department</TH><TH>Course</TH><TH>Score</TH>世界经理人管家1Mba#H#X8k]
    </TR>
K;x-c~0`3[ j$hg0    <TR>世界经理人管家s-_.y,Y7GdA&I
    <TD>1</TD><TD>John</TD>世界经理人管家5a0P.h|FOG
    <TD>Computer</TD><TD>Programming</TD><TD>87</TD></TR>
5I-wJ.T4v7oP;k#c0    <TR>世界经理人管家a(w;F6fE
    <TD>2</TD><TD>Betty</TD><TD>Management</TD>世界经理人管家{-[LU/]C6G
    <TD>Marketing</TD><TD>85</TD>世界经理人管家dA+w q2pq*R.cW
    <TR>
4p+q*}'fvQ3@7Hz0    </table>世界经理人管家5S OPi(W'J)D
    <HR>世界经理人管家`QKv%Ix~l Jb
    </body>
x!K\FFcwJ D0    </html>世界经理人管家{,_a3lAKM

M}`"`m@8k0    世界经理人管家B3A L`"q5IV
    三、<TR>标签世界经理人管家(]&q s`)j~5e r K

af c@#`9s3E1`0    HTML中的表格是按行组织的。一个表格由几行组成，就要有几个行标签与之相对应。行标签<TR>是成对标签，它必须与<TH>或<TD>标签配套使用，后者在使用时嵌套在行标签的首标签<TR>和尾标签</TR>之间，用于规定该行中各单元格的内容。<TR>标签出有两个属性：ALIGN和VALIGN，它们都是可选的。世界经理人管家?9?&S.\8L @

世界经理人管家VlE1t3|X `*D4]

ALGN属性

k#BCb5o5O/J0

W'A.q+H4\5u0    ALIGN属性的参数值为left、center和right之一，分别表示该行中各单元格内容是左对齐、水平居中和右对齐的。ALIGN属性的缺省值为left。

/_ S8o4^7`w$~'D ?0 世界经理人管家qJ wL!bN,N2R8h.o6c8S

VALGN属性

,V yaES1Eos+Z W0

Q4Vl7o-e|w0    VALGN属性的参数值为top、middle和bottom之一，分别表示该行中各单元格内容是紧靠上沿、垂直居中和紧靠下沿的。VALIGN属性的缺省值为middle。

E6N L7e+w0ww!N|j2g0 世界经理人管家HGS,KaC%K

<TH>和<TD>标签

bK`YO-bF%?mP'N0

-Tb5w)O%b'`0    <TH>和<TD>标签都是用于规定单元格内容的。表头标签<TH>用于规定表头元素的内容，表头元素一般位于每列的首行，用以说明该列的具体数据是关于哪个对象的。<TH>标签是成对出现标签，首标签<TH>和尾标签</TH>之间的内容就是位于该单元格中的表头元素内容。数据标签<TD>也是成对出现标签，首标签<TD>和尾标签</TD>之间的内容就是该单元格中的具体数据。除了表头元素是以黑体显示这一点外，表头元素和具体数据元素几乎没有什么区别。由于都是用于规定单元内容的，<TH>和<TD>标签的所有属性及相应的属性功能是完全一样的。<TH>和<TD>标签的属性有rowspan、colspan、align和valign，它们都是可选的。世界经理人管家$du:on+Y6Up-Q7g

.m5X8H9`o7p0rowspan属性世界经理人管家Y.R&Vc2EbG4pN

.Ox~WPX0    rowspan属性的参数值是数字，表示该单元格所跨的行数。该属性的缺省值为1。

$fO;j,Re0n yS@0

Tkl&V Q)\0colspan属性

XSF4l/\Pc0

?Y+Lk2Mz3T0    colspan属性的参数值敢是数字，表示该单元格所跨的列数。Colspan属性的缺省值也世界经理人管家Rh HQS[
是1。例如：
x jJq/D9a#m0    <html>世界经理人管家:j!ceb Z`t
    <head>
1S|5\4F5@ Xc0    <title> 单元格属性范例程序</title>世界经理人管家C2aj+FY3z
    </head> 世界经理人管家*X7k`Q6xL
    <body>
d6naWz!Pq8^0    <center>世界经理人管家9d&H T S@W
    <HR>  世界经理人管家1QX1A~X ~ FN
    <table border=3 width=60％>世界经理人管家$Y.TsP$]*[&n s|q?r |
    <CAPllON><B>Forml：Students’Score</B></CAPTION><P>
Uk0Z{&F9_E NK0    <TR ALIGN=center    VALIGN=bottom>世界经理人管家+}"XIP3Iz-[(Q'Q4o_
    <TH colspan=3>Students’Information</TH><TH colspan=2>About Course</TH>
\{8?;k3_0    </TR>世界经理人管家J'pz0@:\
    <TR ALIGN=left VLIGN=top>
C}5Mjrh*Gjk0    <TH colspan=l>Number</TH><TH>Name </TH>世界经理人管家9B2Z!PR7c`mV K
    <TH colspan=l>Department</TH><TH>Course</TH><TH>Score</TH>世界经理人管家K)a.B9[|.W O|
    </TR>
g9z%@ AO/|"QB `#d0    <TR ALIGN=righte>世界经理人管家Dl"O E4F!fL&t/pF
    <TD colspan=l>l</TD><TD colspan=l>John</TD>世界经理人管家c?0mF.e.V4h+Qqut
    <TD rowspan=2>Computer</TD><TD rowspan=2>Programming</TD>世界经理人管家*?wJ6UC/}JOv
    <TD  colspan =2>8l </TD>世界经理人管家J%W*^!@*a | F}
    </TR>
2N;l-|!Bw0    <TR ALIGN=middle>
x wD!b!AV0    <TD>2 </TD><TD>Betty <TD><TD>85</TD>世界经理人管家7s$r,o-_O.M
    </TR>
8c AU![['^%F)M0    <TRV ALIGN=middle>
` r@S1S kF:w+Y0    <TD>3</TD><TD>Billy</TD>世界经理人管家-hrqN*|A]&O
    <TD colspan=2 rowspan=2>MathS</TD><TD>81</TD>世界经理人管家[%w,e Va5F0_8E
    </TR>世界经理人管家|;o$@%h"_w
    <TR>世界经理人管家dC,jn"[0F
    <TD>4</TD><TD colspan=1 Jimmy</TD><TD>80</TD>世界经理人管家 Rs;lT2go3s
    </TR>世界经理人管家6OPhkC p-^
    </table>
Z:ehrqI R0    <HR>世界经理人管家`e-E/V*E ^
    </body>世界经理人管家:f'M1Pt%cV
    </html>

MK(tA-e.j0L*Dk0

-nF7wDa0
%Y9p Sk9\Y0align属性

|Ksu,d x#_0

/qFK;X*x6XZ[0    align属性用于规定单元格内容在水平方向上的位置。属性的参数值为left、center和right之一，分别表示该单元格内容是左对齐、水平居中和右对齐的。缺省时，单元格内容是左对齐的。

ce^!u+X0 世界经理人管家UO} O/K^

valign属性世界经理人管家,h5r9q$|3e

? W-PO[ij0    vaiign属性用于规定单元格内容在垂直方向上的位置。属性的参数值为top、 middle和bttom之一，分别表示该单元格内容是紧靠上沿、垂直居中和紧靠下沿的。缺省时，单元格内容是垂直屠中的。例如：
b*Bcr!|}0    <html>世界经理人管家)\(pQ!?9b.H*l,jn
    <head>世界经理人管家?,\PXj|
    <title> 单元格位置属性范例程序</title>
nsy~_#qX B ?0    </head>
']CR V7C'bNt#Th0    <body>
V_o0BNt,q%H$XI0    <center>世界经理人管家Ukgn7XS
    <p><HR></p>世界经理人管家BKz"^8DWr!iz}
    <table border=3 width=60％>
:@ rv7e,k BSL0    <CAPTION ALIGN=bottom<B> StudentS’Score</B></CAPTION>世界经理人管家"r8y'b[\
    <TR>
$`,~$O{o s d0    <TH colspan=3>Students’Information</TH><TH colspan=2>About Course</TH>世界经理人管家s5d1h7R` B6G$o6pd
    </TR>
(n/f8S0gqt OX)^x[#p0    <TR>世界经理人管家 i*hr#\(S3~p
    <TH ALGN=left> Number</TH><TH VALIGN=top> Name</TH>
5y3I _:|*k,zb*rf0    <TH ALIGN=center VALIGN=bottom>Departmen</TH>
X Ora-N3DCe0    <TH ALIGN=right>Course</TH><TH VALIGN=bottom>Score</TH>世界经理人管家X `%?$JIU"\}
    </TR>世界经理人管家Vv!a {0Z*f
    <TR>世界经理人管家w Y n D$HH$N
    <TD>1</TD>世界经理人管家(v8F1O8Ob PD
    <TD VALLGN=middle>Marthrew </TD><TD> ALIGN=right>Computer</TD>
;h%B4mp n S0    <TD ALIGN=right>Programming</TD><TD VALIGN=top>87</TD></TR>
7SxAh#E1Fk p3Nsd0    <TR>世界经理人管家"I)`/H~I0D I.s
    <TD ALIGN=center>2 </TD><TD rowsapan=2 ALIGN=center>Betty</TD> 世界经理人管家 K yDu4T'H
    <TD>Management</TD><TD rowspan=2 VALIGN=top>Marketing</TD>世界经理人管家0d~3u!t,?]
    <TD rowspan=2 VALIGN=bottom ALIGN=right>85</TD>世界经理人管家S{1f%FU!t ~1Hae
    </TR>世界经理人管家Qd7z @j;i
    <TR>世界经理人管家8C9kG#oR
    <TD ALIGN=right>3 </TD><TD>Accounting</TD></TR>
'tVz}9q m,ul/~0    </table>世界经理人管家~u;a1r2Z+us
    <BR><HR>
7j~L,N*}dR9C0    </body>
p+k oC:p{ E0    </html>

}K[?'b&RWJ0 世界经理人管家Oyn'eb z N B \

世界经理人管家S P)Uv"rI\'r-A@
    五、一些仅在IE中有效的标签和属性世界经理人管家2iL7n!~HJ yW3c'GC

Q([#E mp3jQ#c0    在前面我们已经介绍过，微软公司的IE和Netscape公司的Netscape Navigator是最常用的两种浏览器。而在这两个公司的测览器市场份额大战中，微软公司采取了捆绑式销售策略，在Windows操作系统的鼎力支持下大获全胜，使用IE 浏览器的用户越来越多。因此，虽然下面这些标签和属性仅在IE浏览器中有效，我们仍决定将它们介绍给广大读者。

|$lW+H d"z B0

#{BC-B:jsj,G0    （一）<TH>和<TD>标签的bgcolor属性世界经理人管家 W iN&Uw5s|,d

世界经理人管家? B3Rp9D_'m

    bgcolor属性用来规定单元格的背景色彩。在指定单元格的背景颜色时，可以使用颜色的代码或直接使用该颜色对应的英文单词。单元格背景色的参数值范围与HTML文档主体部分背景色的取值范围一样，详见表2-1。

2{8[;V%g%C0

4K!]lW-g0    （二）<TH>和<TD>标签的background属性

v.d.v-Q/c`4E j q0 世界经理人管家6p+F4u Y-W(\F-B6|6O

    background属性用于指定该单元格的背景文档所在位置。该属性的参数值是背景文档的URL。

2R!i#JK9qW\\c6^0

|$k@Sc {&\`'^0    （三）<table>标签的frame属性世界经理人管家8Lp1]'L#u

世界经理人管家Cuqc kPT&}

    frame属性用于规定表格边框（包括外沿框线和内部分格线）的显示样式。该属性的参数值可以是下列8项之一：世界经理人管家h$?D Bl {+B
    （1）box。浏览器将显示整个表格边框。
s])W6y b:dR&~0    （2）Void。浏览器将不显示表格边框。例如：
!A+oY:lK6i'B,Dq0    <html>世界经理人管家{|JqE
    <head>世界经理人管家\th|g+N^
    <title>表格边框显示样式</title>
Y$U ^-Q5Pe.Z"e X0    </head>世界经理人管家n r(L5wUE
    <body>
8?tjK%]tJ0    <P><HR>世界经理人管家r1C$R)PN)}#v
    浏览器显示整个表格边框：世界经理人管家f(|+{Qi)H
    <table width=80％ frame=box>
D Uqj+r |3O"]g0    <CAPTION ><B>Studens Score</B></CAPTION><P>世界经理人管家2{3ky#A8c)_kQ(M
    <TR ALIGN=middle>世界经理人管家Bl%Mg*[(Ma
    <TH> Number</TH><TH> Name</TH>
WM@N:]tI0w4q0    <TH>Department</TH><TH>Course</TH><TH>Score</TH>
c7jc!o V+a&v/]q0    </TR>世界经理人管家S @z.f#bp*I
    <TR>
Ku+A Qn~/LHU/I0    <TD>1</TD><TD>John</TD>
)s E[0QP)W:t!I0    <TD>Computer</TD><TD>Programming</TD><TD>87</TD>世界经理人管家dxq!BL)g\O5C
    </TR>世界经理人管家A2VQ~KI
    <TR>
s3s7P5x t {)~c]#E0    <TD>2</TD><TD>Betty</TD><TD>Management</TD>世界经理人管家"O0@2p,G2H vrE%sfpS
    <TD>Markting</TD><TD>85</TD></TR>
W,` N*?%f#v0j8Y0    <TR ALIGN=middle>
&k Z}*['daH VW0    <TD>3 </TD><TD>Billy</TD><TD>Financing </TD>世界经理人管家t+m2d*x.j
    <TD>Accounting</TD><TD>81</TD></TR>
Lr|F*M0    </table>
qe&}l'[0    <P><HR>世界经理人管家 Ks o.@p {G$b
    浏览器不显示表格边框：世界经理人管家+J&F6Rv@ S2CLv
    <table Width=80％ frame=Void>世界经理人管家+vH9c)?G2UR F @9w
    <CAPTION ><B>Students’Score</B></CAPTION><P>世界经理人管家gQ$k/cG2f
    <TR ALIGN=middle>世界经理人管家 ki7?:w,GI+DY
    <TH>Number</TH><TH>Name</TH>
n$LC ]"v5O0    <TH>Department</TH><TH>Course</TH><TH>Score</TH>
R,u U_e.z0</TR>
m%o1b"Oi&E:N0<TR>世界经理人管家+bsg2Q|
    <TD>1</TD><TD>John</TD>世界经理人管家j(l}"I'~*kM8e
    <TD>Computer</TD><TD>Programming</TD><TD>87</TD>世界经理人管家kU7}2aDPUD
    </TR>
o`.}/@1q R0    <TR>世界经理人管家 E$I4`U'b e:o rM/O
    <TD>2</TD><TD>Betty</TD><TD>Management</TD>世界经理人管家8d*d}1~i'cN a,~
    <TD>Marketing</TD></TD>85</TD></TR>世界经理人管家M5h)HhF0r!s)\1DNe
    <TR ALIGN=middle>
;\"e&}|6j6\0    <TD>3</TD><TD>Billy</TD><TD>Financing</TD>
q g4jB,Py(HT;_0    <TD>Accounting</TD><TD>8l</TD><TR>世界经理人管家n3M1CSAw.|$U[+L5`
    </table>
G1?2Z]`0    </body>
-R x*Z;s1Y_0    </html>世界经理人管家 Q)o9YKeak

世界经理人管家"_Dm+^U2nN2b7\ E

   （3）hsides。浏览器只显示表格的上下边框。
5e%ID7`)r3e0   （4）Vsides。浏览器只显示表格的左右边框。例如：
6X^PMD0    <htlml>世界经理人管家)H:iC(o(x~_5Z
    <head>
.N9y+^3wmhg#m0    <title>表格边框显示样式</title>世界经理人管家;m fju/Ai1p V%W-g
    </head>世界经理人管家s7o}GL4mu
    <body>
A%|"y6exZ?^0    <P><HR>
:G|'jLD_ Pb0    浏览器只显示表格的上下边框：世界经理人管家YJ;uS1| n
    <table width=80％ frame=hsides>
PKb3D-iwjfN0    <CAPTION><B>Students’ Score</B></CAPTION><P>
Z;K3N*e {+P/~V-b0    <TR ALIGN=middle>
#I8f5{}M'xp3{0    <TH> Number</TH><TH> Name</TH>世界经理人管家hYD/lg`[t+g
    <TH>Department</TH><TH>Course</TH><TH>Score</TH>
@,C1oxL'^9I0    </TR>
yt!dm&R-Nd0    <TR>世界经理人管家${h] k'|y@.H
    <TD>1</TD><TD>John</TD>世界经理人管家d%P/M n1Pf p-H)J
    <TD>Computer</TD><TD>Programming</TD><TD>87</TD>世界经理人管家8sT3Za;\"Sm4L
    </TR>
m:E `wn7l+W0    <TR>
1EJhf/DA[6pOV0    <TD>2</TD><TD>Betty</TD><TD>Management</TD>世界经理人管家$g C#FY2[:Cm Y
    <TD>Markting</TD><TD>85</TD></TR>世界经理人管家-^i2_/v:d'^7cz7w(S
    <TR ALIGN=middle>
.T7I?w7p;~-d8E:Y1Wl0    <TD>3 </TD><TD>Billy</TD><TD>Financing</TD>
hH+T!`ef0    <TD>Accounting</TD><TD>81</TD></TR>
"V3}#I+Id1Q3Jp9?0    </table>世界经理人管家 X\Va&c ~ NY~
    <P><HR>世界经理人管家tS3FTY+Vy7X9i%L
    浏览器只显示表格的左右边框：世界经理人管家g&ZG%`u8yWW o
    <table width=80％ frame=vsides>世界经理人管家Dm2rso&N
    <CAPTION><B>Students’ Score</B></CAPTION><P>世界经理人管家6Os0{pl^1m
    <TR ALIGN=middle>
+O m1p5o3?-nqH f0    <TH>Number</TH><TH>Name </TH>世界经理人管家;QN ~ bg1N0[O
    <TH>Department</TH><TH>Course</TH><TH>Score</TH>
[Y1hH|!r vN0    </TR>
;j@ m6O3C*?G0    <TR>世界经理人管家rl]t? Hw
    <TD>1</TD><TD>John</TD>世界经理人管家e"r0A9R"AR g;J%d
    <TD>Computer</TD><TD>Programming</TD><TD>87</TD>
C a&q}m0    </TR>世界经理人管家)W2\ i/b(z2P4X-o%e:w2g)h
    <TR>
9K N\+B4l'c4A0    <TD>2</TD><TD>Betty</TD><TD>Management</TD>世界经理人管家#v4\n W-yQ
    <TD>Marketing</TD><TD>85</TD></TR>世界经理人管家1[8M&p7kHP"y3Z5p9_ u
    <TR ALIGN=middle>
/c:^/f?4r]Y0    <TD>3 </TD><TD>Billy</TD><TD>Financing</TD>世界经理人管家*]OD0b~J@J
    <TD>Accounting</TD><TD>81</TD></TR>
Uw1P.JE J0    </table>世界经理人管家.i3zQ/F:I]
    </body>
0L0g WD+tx:C)K?0    </html>
9fqW3K!}7]0    在IE4.0中显示效果如图3-12所示。
E)G8x/R{9e$L1R0  （5）above。浏览器只显示表格的上边框。
'cB!gQV g-u0]E a0  （6）below。浏览器只显示表格的下边框。例如：世界经理人管家cOgm ti8E:~K FZ
    <html>世界经理人管家L$Ul TU(~
    <head>
i(NHlpL!P+KM0    <title>表格边框显示样式</title>
g9tA HlCVSR0    </head>
kE?)P8X0H}0    <body>世界经理人管家"w!F.J+BfDNl3}&b(}+d
    <P><HR>
a5D?-Ax/Ud^$j0 世界经理人管家?4?lh&Z)b#J3kB |

Cr.L6vLh0    浏览器只显示表格的上边框：世界经理人管家u_G-]1J+C:my
    <table width=80％ frame=above>世界经理人管家2Obs/P0MG4B
    <CAPTION><B>Students’Score</B></CAPTION><P>世界经理人管家@HH+~P}:S6Z
    <TR ALIGN=middle>
Z)w%u Pt9rJO*|0    <TH>Number><TH>Name </TH>世界经理人管家y5t r-z:R'q'R
    <TH>Department</TH><TH>Course</TH><TH>Score</TH>
F&I+oXJMu-ix:q0    </TR>
Y Km-z iE:K&T0    <TR>
1yfkKH [1L \9w0    <TD>1</TD><TD>John</TD>世界经理人管家&V+QI#^ c,p YT)P
    <TD>Computer</TD><TD>Programming</TD><TD>87</TD>
c~yoT;J0    </TR>
4E,J0~6B0I6j^0Y`0    <TR>世界经理人管家B~"k{\ g
    <TD>2</TD><TD>Betty</TD><TD>Management</TD>
N'I1P+A;h x0    <TD>Marketing</TD><TD>85</TD></TR>
)IG)Ik%S(R-Blo0    <TR ALGN=middle>世界经理人管家8MyA(o4j%uj
    <TD>3 </TD><TD>Billy</TD><TD>Financing</TD>世界经理人管家b ?+h_!^"oXb6s5d
    <TD>Accounting</TD><TD>81</TD></TR>
+f[{ },]a0Hi0    </table>
MHu&Fd?x0    <P><HR>
p5d4_0g ~6O.H0    浏览器只显示表格的下边框：世界经理人管家&Z`0a3E*ge1E/D
    <table windth=80％ frame=below>世界经理人管家Q[s)F(x8g g@:E
    <CAPTION ><B>Students’ Score</B></CAPTION><P>
LU6uC[z^d'J0<Th ALGN=middle>
%h`gON%iF0    <TH>Number</TH><TH>Name</TH>
s[;q&n;[ARB aD0    <TH>Department<TH>Course</TH><TH>Score</TH>世界经理人管家8A[ S IAH-le
    </TR>世界经理人管家7`f!E[`1n`
    <TR>
D%h+s];_v,H l!S0    <TD>1</TD><TD>John</TD>世界经理人管家,tk2_'S7V e vF
    <TD>Computer</TD><TD>Programing</TD><TD>87</TD>
NH$QR#Fz'J#qq"V0    </TR>世界经理人管家^&Rf;[7O!X
    <TR>
&s2TuBP T(xCm0    <TD>2</TD><TD></TD><TD>Management</TD>世界经理人管家 t0X8z%?h o%s0bA
    <TD>Marketing><TR>85</TD></TR>
t4Q8AU@ O0    <TR ALIGN=middle>世界经理人管家7R-V a ?p1[ t
    <TD>3</TD >Billy<TD><TD>Financing</TD>
6qf(Rd,F K't0    <TD>Accounting</TD>81</TD></TR>世界经理人管家,P"x^2|$U/ZDq7|
    </table>世界经理人管家j,YK@3?u9\
    </body>
3}n+cbu"I+n0    </html>世界经理人管家e%L[J&[F%M

世界经理人管家1V \lZz`0^?

世界经理人管家Ek` ot*Y'h
    （7）lhs。浏览器只显示表格的左边框。世界经理人管家h6Isd y(ZI
    （8)rhs。浏览器只显示表格的右边框。例如：世界经理人管家E"gh2e`g,x1QZ
    <html>
:IrJb4QE+}0    <head>
(ie$pn!a6fM0    </title>表格边框显示样式</title>
G'c#M+N,|:| J0    </head>世界经理人管家sxd{2b
<body>世界经理人管家v2z4hO3t7Q$G#P-D\
<P><HR>世界经理人管家-t?HQt4pa(nZ
浏览器只显示表格的左边框：世界经理人管家2H"nF Bo\#va
<table width=80％ frame=lhs>世界经理人管家3X~q `OiL
<CAPTION><B>StudelltS' Score</B></CAPTION><P>
yz!Qg_vJ0<TR ALIGN=middle>
(Pm&}[g+r0<TH>Number/TH><TH>Name</TH>
*} iko#o)x Y0<TH>Department</TH><TH>Course</TH><TH>Scire</TH>世界经理人管家)M2giZVE/Y x0Z_x
</TR>世界经理人管家5C9XnO`8q,{Ud`
<TR>世界经理人管家HqfZ1NS)Y
<TD>1</TD><TD>Johu</TD>
~x K.wo1SK0<TD>Computer</TD><TD>Programming</TD><TD>87</TD>世界经理人管家v!o/k/Bd(n
</TR>
)J9AtE#{ b(vj0<TR>世界经理人管家/h,@nizc
<TD>2 </TD><TD>Betty</TD><TD>Management</TD>世界经理人管家"`AeH3ZyR_]
<TD>Marketing</TD><TD>85</TD></TR>
g*[@7Tm)C7Y0<TR ALIGN=middle>
!MV a,l6|x`.u'i0<TD>3</TD><TD>Billy</TD><TD>Financing</TD>世界经理人管家2C*^-M&[W!d
<TD>Accounting</TD><TD>81</TD></TD>
E7M8b0|O0</table>
;B9uJV+l+Mm nC0<P><HR>
bW"E|th0浏览器只显示表格的右边框：
J"S-r5r3E.g9N-j0<table width=80％ frame=rhs>
B0U6O D7c ^ U l$?+zG0<CAPTION><B>Students' Score</B></CAPTION><P>世界经理人管家2l!`gz$d-n:J
<TR ALIGN=middlc>世界经理人管家N:]U/X [D R(k
<TH>Number</TH><TH>Name </TH>世界经理人管家?CML/^|:US*a
<TH>Department</TH>Course</TH><TH>Score</TH>世界经理人管家R uw P1E0Z)j-hm
</TR>世界经理人管家.R(x,g Fm%r#yj8ad'y
<TR>世界经理人管家_2R/u+])D`p!A%^ o
<TD>1</TD><TD>Johu</TD>世界经理人管家!UEI-j*[|K/B
<TD>Computer</TD><TD>Programing<TD><TD>87</TD>
EQ*Y"NJ#@0</TR>
pF~Z{4wT0<TR>世界经理人管家W xT0a-rP i`
<TD>2</TD><TD>Betty</TD><TD>Managemwnt</TD>
*m)Hn[f*c0<TD>Marketing</TD><TD>85</TD></TR>
p5u9^\&zC,g:T~zv0<TR ALIGN=midddle><TD>3 </TD>世界经理人管家+Tm2Ye)c8x5D0| ^}
<TD>Billy</TD><TD>Financing</TD>世界经理人管家3t(s`u5tb5@u
<TD>Accountiong</TD><TD>81<TD></TR>世界经理人管家1C\E? S o
</table>世界经理人管家6`7d].CEs3I q
    </body>世界经理人管家4b4k} S"y&L!Tu
</html>     世界经理人管家*h)K6tcO2I"CL
   （四）表格的行分组 世界经理人管家$a&P}!R[C0VWZg
HTML允许文档编辑者将表格按行分组。每一组由表头、表格主体和尾注三部分组成，其中尾注部分是可选的。表格的按行分组是通过使用表头行标签<thead>、表格主体标签<tbody>和尾注标签<tfoot>来实现的。<thead>标签是成对标签，首标签<thead>和尾标签</thead>之间的内容是一系列由表头标签标识的表头元素。我们可以在<thead>标签中规定表头行中所有表头元素的公共属性。<thead>标签拥有的属性以及属性对应的功能和<TH>标签完全一样。<tbody>和<tfoot>标签也是成对标签，其中<tbody>标签用于规定表格主体部分的共有特性，<tfoot>签用于规定尾注的特性。实践中，<tfoot>标签很少使用。

4b E"m2tY+~[0

1fSK"\M yB0     <html>     <head>世界经理人管家cZ%ag,z5An
<title>表格按行分组的范例程序</title> </head>
5Xf(dT d3m0<body> <center> <P><HR></P>
%T"s"A6TO0D0<table border=5 width=65％> <CAPTON ALIGN=top><B>Student’S Information></CAPTION> <thead bgcolor="green"> <TR> <TH>Name</TH><TH>Code</TH><TH>Address</TH><TH>Tephone</TH>世界经理人管家/C"tP4CS.v*M b
</TR>
+MIq3l8H ?(Dgr7S?0</thead>
%r5KS'}f!BT0<tbody bgcolor="yellow"> <TR>世界经理人管家mxR'L4B g|a
<TD>Mary</TD><TD>9801</TD><TD>Yanchang Road</TD><TD><56331001</TD> </TR>世界经理人管家^'^y2\sV\-Q[K
<TR ALIGN=center> <TD>Jimmy</TD><TD>9802</TD><TD>Yanchang Road</TD><TD>56331002</TD> </TR> <TR> <TD>Mike<TD>9803</TD><TD>Yanchang Road</TD><TD>56331003</TD> </TR> <TR ALIGN=right> <TD>Susan</TD><TD>9805</TD><TD>Yanchang Road</HD><TD>56331005<TD> </TR> </tbody> </table> <BR><HR> </body>世界经理人管家 B~ FGx
</html>
M5ZsnLC nC:C _E0（五）表格的列分组世界经理人管家6J,U\u)ZC9QI

/u{'A1UT4C/j#w0HTML使用<Colgroup>标签来将表格按列分组。<colgroup>标签有两个属性：SPAN和ALIGN，它们都是可选的。世界经理人管家;k+Y!DGH1Z
    （1）SPAN属性。SPAN属性的参数值为数字，表示该组包含的列数。该属性的缺省值为1。     （2）ALIGN属性。ALIGN属性用以规定该组所跨列中所有单元格内容在水平方向上的位置。该属性的参数值为left、center和right之一，分别表示各单元格内容是左对齐、水平居中、和右对齐的。例如：     <html>     <head>     <title>表格按列分组的范例程序</title>     </head>世界经理人管家ys/c` w"ALP8uyT
    <P><HR><P>世界经理人管家'`#o4|:Z!|^ H{8w
    <table border=5 width=80％>     <CAPTION ALIGN=bottom><B>Student’s Information</B></CAPTION>     <TR>
8Z%n5c)S4{,p0    <TH>Name</TH><TH>Code</TH><TH>Addrss</TH><TH>Telephone</TH>     </TR>     <colgroup SPAN=2 ALIGN=center>     <colgroup ALIGN=left>     <colgroup ALIGN=right>     <TR>     <TD>Mary</TD><TD>9801</TD><TD>Yanchang Road<TD><TD>56331001</TD>     </TR>     <TR>世界经理人管家+h_GR`:};~
    <TD>Jimmy</TD><TD>9802</TD><TD>Yanchang Road</TD><TD>56331002</TD>     </TR>     <TR>     <TD>Mike<TD><TD>9803</TD><TD>Yanchang Road<TD>65331003</TD>     </TR>     <TR>     <TD>Susan</TD><TD>9805</TD><TD>Yanchang Road</TD><TD>56331005<TD>     </TD>     </table>     <BR><HR>     </body>世界经理人管家uR_#k`:qY
    </html>     在IE4.0中显示效果如图3-16所示。世界经理人管家 a} h b C Il
HTML 中的表格是可以同时进行行分组和列分组的，即我们可以在用行分组指定表格中某行或某几行公共属性的同时，又使用列分组指定某列或某几列的公共属性。世界经理人管家? {"b+_4}g

x$v+hag0    <html>世界经理人管家b]t m | k-r6l8Q7\*E
    <head>世界经理人管家hl\wL,[ @R/E
    <title>同时进行行列分组的范例程序</title>世界经理人管家8R2UE[e[ F L0L
    <lhead>
}!Y(Zx,XX[ y+G0    <body>世界经理人管家2e4T3m7yL'KYx
    <center>世界经理人管家&X2uw*[1F
    <P><HR></P>
lou*m7l0    <table border=5 width=65％>
uON yPpD%Sx0    <CAPTlON ALIGN=top><B>Student’s  Information</B><CAPTION>
r ts+zkl0    <thead bgcolor="green">
$p-Z_jg P-P$Q R0    <TR><TH>Name</TH><TH>Code</TH><TH>Address</TH><TH>Telephone</TH>
Ay s N @{0    </TR>
v4n0fZ(r:j k0    </thead>
2`.q e[+~ s0    <colgroup SPAN=2 ALGN=center>
?NLN.}*ui0    <colgroup ALIGN=left>世界经理人管家,?(h1V:J!H8u"P1W?
    <colgroup ALIGN=right>世界经理人管家:vzq-o#w?Nu
    <tbody bgcolor="yellow">世界经理人管家$\z&J$I%Lrl
    <TR>世界经理人管家9Z3s$y X2R
    <TD>Mary</TD><TD>9801</TD><TD>Yanchang Road</TD><TD>56331001</TD>
-~2x.Q:d"D,F0    </TR>世界经理人管家.Z} pQ1Bt1M
    <TR>
D+z#vq7zuJ0    <TD>Jimmy<TD><TD>9802</HD><TD>Yanchang Road</TD><TD>56331002</TD>
Xj.No&Y6lIy0    </TR>
}4__-c(e@@V5L0    <TR>
y [ Lj$AEQ)Z0    <ID>Mike</TD><TD>9803</TD><TD>Yanchang Road</TD><TD>56331003</TD>世界经理人管家 ?qId.QEi:FZ
    </TR>世界经理人管家{'y4_(w#Lq$u
    <TR>
W)i){/x:tp!n0    <TD>Susan</TD><TD>9805</TD><TD>Yanchang Road</TD><TD>56331005<TD>世界经理人管家rV1UKB-py*l y
    </TR>世界经理人管家yA%YZ YO
    </tbody>
)~^ S^#p!\a0    </table>世界经理人管家W,zbHsNb"|
    <BR><HR>世界经理人管家e~y(|pwf
    </body>
+Rb5V&I {0K;V0   <lhtlnl>世界经理人管家gC A,Z1l

世界经理人管家D*kZ%?Y Y#Q#i%I.N


)IW\%B{ D){7Xbi0    （六）<table>标签的rules属性
oY P(nE4JN0    rules属性用于规定表格内部分格线的显示样式。该属性的参数值为以下5项之一：
O1` O&{!w W%W-^X0    （1）all。浏览器将显示所有的内部分格线。世界经理人管家'b4]R.g z{&~
    （2）none。浏览器不显示任何内部分格线。举例如下：世界经理人管家y0ARn1Q QL'^
    <html>
J:pg0LG U T0    <head>
:Q6qCG]:oH0    <title>内部分格线显示样式</title>世界经理人管家w5w^q \A
    </head>
4[-{c}Pz*_C0    <body>
8E#bKRq HO5x0    <P><HR>世界经理人管家N*F!XAN"yjx
    浏览器显示所有的内部分格线：世界经理人管家"mk)x\#n o
    <table width=80％ rules=all>
@4c,[^~"U:@.l0    <CAPTION><B>Students’Score</B></CAPTION><P>
)D8O@bb|0<TR ALIGN=middle>世界经理人管家rUmD e1C5n
<TH>Number</TH><TH>Name</TH> <TH>Department</TH><TH>Course</TH><TH>Score</TH> </TR> <TR> <TD>1</TD><TD >John</TD> <TD>Computer</TD><TD>Programming</TD><TD>87</TD> </TR>世界经理人管家umkD(D Q
<TR> <TD>2</TD><TD>Betty</TD><TD>ManagementM</TD> <TD>Marketing <TD><TD>85</TD></TR> <TR ALIGN=middle> <TD>3 </TD><TD>Billy</TD><TD>Financing</TD> <TD>Accounting</TD><TD>81</TD></TR> </table> <P><HR> 浏览器不显示任何内部分格线：
a+d!L.fVbC0<table width=80％ rules=none> <CAPTION><B>Students' Score</B></CAPTION><P> <TR ALIGN=Middle>世界经理人管家%W6[.zel U"F!x
<TH>Number</TH><TH>Name</TH> <TH>Department</TH><TH>Course</TH><TH>Score</TH> </TR> <TR> <TD>1</TD><TD>Johu</TD>世界经理人管家nK@ X,iA
<TD>Computer</TD><TD>Programming</TD><TD>87</TD> </TR> <TR> <TD>2</TD><TD>Betty</TD><TD>Management</TD> <TD>Marketing </TD><TD>85</TD></TR> <TR ALIGN=middle> <TD>3</TD><TD>Billy</TD><TD>Financing</TD> <TD>Accounting</TD><TD>81<TD></TR> </table> </body> </html>

:z eDZrS@a0

R6F E E M a"M\0    （3）rows。浏览器只显示行与行之间的分格线。世界经理人管家3l S!IRAO6dH
    （4）cols。浏览器只显示列与列之间的分格线。举例如下：
gOI J-Wk]"{d0    <html>世界经理人管家t-K f ]&EI;JqL(}3`
    <head>世界经理人管家pD3w fU:n.l;Kf
    <title>内部分格线显示样式</title>世界经理人管家2hHH-f,D0S0S
    </head>世界经理人管家Vh DN F J w
    <body>
+t ^[L/He0    <P><HR>
(w3Di T$JZ,c'k7Uf6U0    浏览器只显示行与行之间的分格线：世界经理人管家2e9yJ-uwf/ht(z9r
    <table width=80％ rules=rows>
[A2@ J qA0    <CAPTION><B>StudentS' Score</B></CAPTION><P>世界经理人管家im|,?a nFn
    <TR ALGN=middle>世界经理人管家j je6G_3b
    <TH>Number</TH><TH>Name</TH>
,K&S#A+k)h(Q5]j"z,a6]0    <TH>Department</TH><TH>Course</TH><TH>Score</TH>世界经理人管家f,Pc as.m c(Fp
    </TR>世界经理人管家:]%s:|2i5R hw
    <TR>世界经理人管家c;d}t&OMM
    <TD>1</TD><TD>John</TD>
-j,qPA*m6J:I1eJ0    <TD>Computer </TD><TD>Programming</TD><TD>87</TD>
h3\&Z8}6x&C:M0    </TR>世界经理人管家h)C'P G:_J
    <TR>
[5^ uZg:s*Z0    <TD>2</TD>Bettu</TD><TD>Management</TD>世界经理人管家v8v L^)W!l K
    <TD>Marketing</TD><TD>85</TD></TR>世界经理人管家#Hq6N:gK/_GKt
    <TR ALIGN=middle>世界经理人管家)dhN/r N;\ L,G
<TD>3</TD><TD>Billy</TD><TD>Financing</TD>世界经理人管家7u8h1_'\;FQ;h
<TD>Accounting</TD><TD>81</TD></TR> </table>世界经理人管家J v`9YORD
<P><HR> 浏览器只显示列与列之间的分格线： <table width=80％ rules=cols> <CAPTION><B>Students' Score</B></CAPTION><P> <TR ALIGN=middle> <TH>Number</TH><TH>Name </TD> <TH>Department</TH><TH>Course</TH><TH>Score</TH> </TR> <TR>
1y F"B5|$ZAY0<TD>1</TD><TD>John</TD> <TD>Computer</TD><TD>Programming<TD><TD>87</TD> </TR> <TR> <TD>2</TD><TD>Betty</TD><TD>Management</TD> <TD>Marketing</TD><TD>85</TD><TR> <TR ALIGN=middle> <TD>3</TD><TD>Billy</TD><TD>Financing</TD> <TD>Accounting</TD><TD>81</TD></TR> </table> </body>
8qS1E[h`nK0</html>
N/y1]{|~L1_n hd0 

V;pN'INv2beF;P0 世界经理人管家6U#L*A'V;s Bc F

 （5）groups。浏览器只显示组与组之间的分格线。例如：
:Yl+Kb6z]x0<html> <head> <title>内部分格线显示样式</title> </head> <body> <P><HR></P> 浏览器只显示组与组之间的分格线： <Center> <table border=5 Cellpadding=5 rules=groups> <CAPTION ALIGN=bottom><B>Student’S  Information</B></CAPTION> <thead> <TR><TH>Name</TH><TH>Code</TH><TH>Address</TH><TH>Telephone</TH> </TR> </thead> <colgroup SPAN=2 ALIGN=Center> <colgroup SPAN=2 ALIGN=right> <tbody> <TR> <TD>Mary</TD><TD>9801</TD><TD>Yanchang Road</TD><TD>56331001</TD> </TR> <TR> <TD>jimmy</TD><TD>9802</TD><TD>Yanchang Road</TD><TD>56331002</TD> </TD> <TR> <TD>Mike</TD><TD>9803</TD><TD>Yanchang Road</TD><TD>56331003</TD> </TR> <TR> <TD>Susan</TD><TD>9805</TD><TD>Yanchang Road</TD><TD>56331005<TD> </TR> </tbody> </table> <BR><HR> </body> </html> 在IE4．0中显示效果如图3-20所示。世界经理人管家'd8C2_+fh&W(mk'[

站内搜索：
相关阅读:

导入论坛 收藏 分享给好友 推荐到圈子 管理 举报

TAG: html

 

评分：0

我来说两句

显示全部

:loveliness: :handshake :victory: :funk: :time: :kiss: :call: :hug: :lol :'( :Q :L ;P :$ :P :o :@ :D :( :)

lastsmiler

lastsmiler

网络运营管理者，SEO发扬者

日历

« 2008-05-17  
日 一 二 三 四 五 六
    123
45678910
11121314151617
18192021222324
25262728293031

数据统计

  • 访问量: 2673
  • 日志数: 131
  • 建立时间: 2008-03-19
  • 更新时间: 2008-05-16

RSS订阅

Open Toolbar