ÔÚ Õâ ¸ö ±í ¸ñ Ä£ °å ÖÐ, ºá ÐÐ ºÍ Êú ÁÐ ¿É ÒÔ »¥ Ïà
³É ×é. Õâ ¸ö ±í ¸ñ µÄ ×é ºÏ ´« ËÍ ½á ¹¹ ¿É ÒÔ ±» Óà »§ ´ú Àí Æ÷ ×÷ Ç¿ µ÷
½á ¹¹ äÖ È¾.
ºá ÐÐ ×é ÔÚ ´ó ÐÍ ±í ¸ñ ÖÐ ÓÐ Ò» ¶¨ µÄ Óà ´¦. ÖÇ ÄÜ »¯ µÄ Óà »§ ´ú Àí
Æ÷ ¿É ÒÔ ÔÊ Ðí ÔÚ ÆÁ Ä» ÉÏ ±£ Áô Í· ºÍ β ЊϢ À´ ¹ö ¶¯ ±í ¸ñ. Ïà ËÆ µÄ,
µ± ³¤ µÄ ±í ¸ñ ±» ´ò Ó¡ ʱ, °ü º¬ ±í ¸ñ Êý ¾Ý µÄ Í· ºÍ β ЊϢ ÔÚ Ã¿ Ò³
ÉÏ ¶¼ ±» ÖØ ¸´.
±í¸ñ½á¹¹
Ò» ¸ö HTML ±í ¸ñ ¾ß ÓÐ Ï ÁÐ µÄ ½á ¹¹:
-
Ò» ¸ö Ñ¡ Ïî µÄ ±êÌâ(aption).
-
Ò» ¸ö »ò ¸ü ¶à µÄ ºáÐÐ×é. ÿ ¸ö ºá ÐÐ ×é °ü À¨
Ò» ¸ö ¿É Ñ¡ µÄ Òý µ¼ ¶Î, Ò» ¸ö ¿É Ñ¡ µÄ ½á β ÒÔ ¼° Ò» ÁРϵ ºáÐÐ.
-
Ò» ¸ö »ò ¸ü ¶à µÄ ÊúÁÐ×é.
-
Ò» ºáÐÐ ÓÉ Ò» ¸ö »ò ¸ü ¶à ±í ¸ñ µ¥ Ôª ×é ³É.
-
ÿ ¸ö ±í¸ñµ¥Ôª °ü º¬ Í· ЊϢ (Ö¸ Ãè Êö ÔÚ ºá ÐÐ »ò
Êú ÁÐ ÖÐ µÄ ×Ô È» Êý ¾Ý) »ò Êý ¾Ý. Ò» ¸ö ±í ¸ñ µ¥ Ôª Ö¸ Ò» ¸ö ºá ÐÐ ¹¤
Êú ÁÐ ÒÔ ÉÏ.
TABLE ÔªËØ
<!ELEMENT TABLE - - (CAPTION?, (COL*|COLGROUP*), THEAD?, TFOOT?, TBODY+)>
<!ATTLIST TABLE -- table element --
%attrs; -- %coreattrs, %i18n, %events --
align %TAlign; #IMPLIED -- table position relative to window --
bgcolor %Color #IMPLIED -- background color for cells --
width CDATA #IMPLIED -- table width relative to window --
cols NUMBER #IMPLIED -- used for immediate display mode --
border CDATA #IMPLIED -- controls frame width around table --
frame %TFrame; #IMPLIED -- which parts of table frame to include --
rules %TRules; #IMPLIED -- rulings between rows and cols --
cellspacing CDATA #IMPLIED -- spacing between cells --
cellpadding CDATA #IMPLIED -- spacing within cells --
>
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: Ðè Òª
ÌØ ÐÔ ¶¨ Òå
-
align = left|center|right
-
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ÁË ±í ¸ñ ÔÚ ÎÄ µµ ÖÐ µÄ λ ÖÃ. ¿É ÄÜ µÄ Öµ:
-
left: ±í ¸ñ ÑØ ÎÄ µµ ¿¿ ×ó.
-
center: ±í ¸ñ ÔÚ ÎÄ µµ ÖÐ ¼ä.
-
right: ±í ¸ñ û ÎÄ µµ ¿¿ ÓÒ.
-
width = length
-
Õâ ¸ö ÌØ ÐÔ Îª Óà »§ ´ú Àí Æ÷ Ö¸ ¶¨ ÁË Ï£ Íû µÄ Õû ¸ö ±í ¸ñ µÄ ¿í ¶È. Èç
¹û Ê¡ ÂÔ Ð© ÌØ ÐÔ, ±í ¸ñ ¿í ¶È ÓÉ Óà »§ ´ú Àí Æ÷ ÅÐ ¶Ï.
-
cols = integer
-
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ÁË ±í ¸ñ ÖÐ Êú ÁÐ µÄ Êý Á¿. µ± Ö¸ ¶¨ ºó, Õâ ¸ö ÌØ ÐÔ
°ï Öú ¿É ÊÓ »¯ Óà »§ ´ú Àí Æ÷ Ò» ÊÕ µ½ ½ø Èë µÄ Êý ¾Ý ¾Í äÖ È¾ ±í ¸ñ, ¶ø
²» Óà µÈ ´ý Õû ¸ö ±í ¸ñ À´ ÅÐ ¶Ï È· ¶¨ µÄ ±í ¸ñ Êú ÁÐ Êý.
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
-
id, class
(¹ã·ºµÄÎĵµ±ê±êʶ·û)
-
lang (ÓïÑÔÐÅÏ¢),
dir (ÎÄ×Ö·½Ïò)
-
title (ÔªËرêÌâ)
-
style (iÄÚ²ã·ç¸ñÐÅÏ¢)
-
onclick, ondblclick,
onmousedown,
onmouseup,
onmouseover,
onmousemove,
onmouseout,
onkeypress,
onkeydown,
onkeyup (ÄÚ²¿Ê¼þ)
-
bgcolor (±³¾°É«)
-
frame, rules,
border (¿òÏߺÍÏßÌõ)
-
cellspacing, cellpadding
(±í¸ñµ¥ÔªÔµ)
TABLE Ôª ËØ °ü º¬ Ëù ÓÐ Æä
Ëü Ö¸ ¶¨ ˵ Ã÷ ±ê Ç©, ºá ÐÐ, ÄÚ ÈÝ, ¸ñ ʽ µÄ Ôª ËØ.
ÔÚ±í¸ñÖмÆËãºáÐкÍÊúÁеÄÊýÁ¿
±í ¸ñ ÖÐ ºá ÐÐ µÄ Êý Á¿ µÈ ÓÚ
TR
Ôª ËØ ÖÐ °ü º¬ µÄ Êý ×Ö. Óà »§ ´ú Àí Æ÷ Ó¦ µ± ºö ÂÔ Í¨ ¹ý µ¥ Ôª Éú ³É ºá
ÐÐ µÄ ³¬ ¹ý ²¿ ·Ö (Òë Õß: ³¬ ¹ý
TR Õâ ¸ö Öµ).
ÓÐ ¼¸ ÖÖ ·½ ·¨ À´ ÅÐ ¶¨ Êú ÁÐ µÄ Êý Á¿:
-
ɨ Ãè ÿ ¸ö ºá ÐÐ À´ ¼Æ Ëã Ðè Òª µÄ Êú ÁÐ µÄ ×î С Êý Á¿ (¼Æ Ëã Êú ÐÐ ¿ç
¶È). Èç ¹û ±í ¸ñ µÄ Êú ÁÐ ¿ç ¶È ³¬ ¹ý ÁË ¸ø ¶¨ µÄ µ¥ Ôª Êý Á¿ (°ü À¨ ¿ç
Ô½ µÄ ºá ÐÐ), ºá ÐÐ µÄ ½á β Ôò ¸½ ×Å ¿Õ µÄ ±í ¸ñ µ¥ Ôª. ºá ÐÐ µÄ "½á β"
È¡ ¾ö ÓÚ ±í ¸ñ µÄ ·½ Ïò ÐÔ.
-
ͨ ¹ý Ö» ÄÜ ³ö ÏÖ ÓÚ ±í ¸ñ ¿ª ʼ µÄ COL
ºÍ COLGROUP (ÔÚ ¿É Ñ¡
µÄ CAPTION ºó) Ôª ËØ Ö¸
¶¨ µÄ Êú ÐÐ À´ ¼Æ Ëã.
-
ʹ Óà TABLE Ôª ËØ ÖÐ µÄ cols
ÌØ ÐÔ. µ± Äã û ÓÐ »ñ µÃ ÈÎ ±£ ¶î Íâ µÄ ¹Ø ÓÚ Êú ÁÐ µÄ ¿í ¶È ЊϢ ʱ Õâ
ÊÇ Ò» ÖÖ ×î Èõ µÄ ·½ ·¨. Äã ʹ Óà ·ç ¸ñ Ò³ Ö¸ ¶¨ µÄ ¿í ¶È Óë Ëü ÎÞ ¹Ø.
ÔÚ ´Ë Àý ÖÐ Óà »§ ´ú Àí Æ÷ ÈÏ Îª ±í ¸ñ ÓÐ Èý Êú ÁÐ.
<TABLE cols="3">
...the rest of the table...
</TABLE>
Èç ¹û ±í ¸ñ ÖÐ Êú ÁÐ µÄ Êý Á¿ û ÓРͨ ¹ý
cols ÌØ ÐÔ À´ Ö¸ ¶¨,
Óà »§ ´ú Àí Æ÷ »á ÔÚ äÖ È¾ Ç° µÈ ´ý Õû ¸ö ±í ¸ñ µ½ ´ï. ͨ ³£ µÈ µ½ Õû ¸ö
±í ¸ñ µÄ ½á β ¶ø Êú ÐÐ Êý ºÍ ±í ¸ñ ¿í ¶È ²¢ ²» Ðè ÖØ Ð ÏÔ Ê¾. Éè ¶¨ µÄ
cols ÌØ ÐÔ ×÷ Ϊ ¸ø ¿É ÊÓ »¯ ´ú Àí Æ÷ ÊÕ µ½ Ò» ÐÐ ÏÔ Ê¾ Ò» Ìõ
µÄ ij ÖÖ °µ ʾ. ×÷ Õß ±» ½¨ Òé ʹ ÓÃ
COL
ºÍ
COLGROUP Ôª ËØ À´ Ö¸
¶¨ Êú ÐÐ Êô ÐÔ ¶ø ²» Òª ÓÃ
cols ÌØ ÐÔ À´ Ö¸ ¶¨.
±í¸ñ·½ÏòÐÔ
±í ¸ñ µÄ ·½ Ïò ÐÔ Í¨ ¹ý
TABLE
Ôª ËØ µÄ
dir ÌØ ÐÔ À´ Ö¸ ¶¨.
¶Ô ÓÚ Ò» ¸ö ´Ó ×ó µ½ ÓÒ µÄ ±í ¸ñ (ȱ Ê¡), Êú ÁÐ 1 ÔÚ Êú ÁÐ 2 µÄ ×ó ±ß ¶ø
ºá ÁÐ 1 ÔÚ ¶¥ ¶Ë. ¶Ô ÓÚ ´Ó ÓÒ µ½ ×ó µÄ ±í ¸ñ, Êú ÁÐ 1 ÔÚ Êú ÁÐ 2 µÄ ÓÒ
±ß ¶ø ºá ÐÐ 1 ÈÔ ÔÚ ×î ÉÏ.
Àà ËÆ µØ, ´Ó ×ó µ½ ÓÒ µÄ ±í ¸ñ (ȱ Ê¡), ¶î Íâ µÄ µ¥ Ôª ±» ¼Ó µ½ ±í ¸ñ
µÄ ÓÒ ¶Ë, ¶ø ¶Ô ÓÚ ´Ó ÓÒ µ½ ×ó µÄ ±í ¸ñ, ¶î Íâ µÄ µ¥ Ôª ±» ¼Ó µ½ ×ó ±ß.
µ± Éè ¶¨ TABLE Ôª ËØ Ê±,
dir ÌØ ÐÔ ÒÀ È» ¿É Ó° Ïì ±í
¸ñ µ¥ Ôª ÖÐ ÎÄ ×Ö µÄ ·½ Ïò (Òò Ϊ dir
ÌØ ÐÔ ¿É ±» ·â ±Õ ¼¶ Ôª ËØ ¼Ì ³Ð).
Ϊ Ö¸ ¶¨ ±í ¸ñ ´Ó ÓÒ µ½ ×ó, Èç Ï Éè ¶¨
dir
ÌØ ÐÔ:
<TABLE dir="RTL">
...the rest of the table...
</TABLE>
ÔÚ ¸ö ±ð µÄ µ¥ Ôª ÖÐ µÄ ÎÄ ×Ö ·½ Ïò ¿É ͨ ¹ý ¶¨ Òå µ¥ Ôª µÄ Ôª ËØ µÄ
dir
ÌØ ÐÔ Éè ¶¨ À´ ¸Ä ±ä. Çë ²Î ¼û
Ë«ÏòÎı¾
Õ ½Ú À´ »ñ µÃ ¸ü ¶à µÄ ¹Ø ÓÚ ÎÄ ×Ö ·½ Ïò µÄ ÎÊ Ìâ.
±í¸ñ˵Ã÷±êÇ©: CAPTION
ÔªËØ
<!ELEMENT CAPTION - - (%inline;)+>
<!ENTITY % CAlign "(top|bottom|left|right)">
<!ATTLIST CAPTION -- table caption --
%attrs; -- %coreattrs, %i18n, %events --
align %CAlign; #IMPLIED -- relative to table --
>
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: Ðè Òª
ÌØ ÐÔ ¶¨ Òå
-
align = top|bottom|left|right
-
Õâ ¸ö ÌØ ÐÔ Ö¸ Ã÷ ÁË ±í ¸ñ ÖÐ ÏÔ Ê¾ ˵ Ã÷ ±ê Ç© µÄ λ ÖÃ. ¿É ÄÜ µÄ Öµ Ϊ:
-
top: ˵ Ã÷ ±ê Ç© ÔÚ ±í ¸ñ ÉÏ ¶Ë. Õâ ÊÇ È± Ê¡ Öµ.
-
bottom: ˵ Ã÷ ±ê Ç© ÔÚ ±í ¸ñ µÄ Ï ¶Ë.
-
left: ˵ Ã÷ ±ê Ç© µ½ ±í ¸ñ ×ó ¶Ë.
-
right: ˵ Ã÷ ±ê Ç© ÔÚ ±í ¸ñ ÓÒ ¶Ë.
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
-
id, class
(¹ã·ºµÄÎĵµ±ê±êʶ·û)
-
lang (ÓïÑÔÐÅÏ¢),
dir (ÎÄ×Ö·½Ïò)
-
title (ÔªËرêÌâ)
-
style (ÄÚ²ã·ç¸ñÐÅÏ¢
)
-
onclick, ondblclick,
onmousedown,
onmouseup,
onmouseover,
onmousemove,
onmouseout,
onkeypress,
onkeydown,
onkeyup (ÄÚ²¿Ê¼þ
)
ÔÚ ÏÔ Ê¾ ʱ,
CAPTION Ôª
ËØ µÄ ÎÄ ×Ö Óà À´ Ãè Êö ±í ¸ñ µÄ ±¾ ÖÊ.
CAPTION
Ôª ËØ ±Ø Ðë ½ô ½Ó ×Å
TABLE
¿ª ʼ ±ê ¼Ç ±» Òý ÓÃ.
Àý Èç,
<TABLE cols="3">
<CAPTION>Cups of coffee consumed by each senator</CAPTION>
...the rest of the table...
</TABLE>
¶ÔºáÐбà×é: THEAD, TFOOT
ºÍ TBODY ÔªËØ
<!ELEMENT THEAD - O (TR+)>
<!ELEMENT TFOOT - O (TR+)>
¿ª ʼ ±ê ¼Ç : Ðè Òª, ½á Êø ±ê ¼Ç: ¿É Ñ¡
<!ELEMENT TBODY O O (TR+)>
¿ª ʼ ±ê ¼Ç : ¿É Ñ¡, ½á Êø ±ê ¼Ç : ¿É Ñ¡
<!ATTLIST (THEAD|TBODY|TFOOT) -- table section --
%attrs; -- %coreattrs, %i18n, %events --
%cellhalign; -- horizontal alignment in cells --
%cellvalign; -- vertical alignment in cells --
>
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
-
id, class
(¹ã·ºµÄÎĵµ±ê±êʶ·û)
-
lang (ÓïÑÔÐÅÏ¢),
dir (ÎÄ×Ö·½Ïò)
-
title (ÔªËرêÌâ)
-
style (ÄÚ²ã·ç¸ñÐÅÏ¢)
-
onclick, ondblclick,
onmousedown,
onmouseup,
onmouseover,
onmousemove,
onmouseout,
onkeypress,
onkeydown,
onkeyup (ÄÚ²¿Ê¼þ
)
-
align, char,
charoff, valign
(±í¸ñµ¥Ôª¶ÔÆ뷽ʽ)
Ò» ¸ö ±í ¸ñ ±Ø Ðë °ü º¬ ÖÁ ÉÙ Ò» ¸ö ºá ÐÐ ×é. ÿ Ò» ¸ö ºá ÐÐ ×é ±» ·Ö ³É
Èý ¸ö ²¿ ·Ö: Í·, Ö÷ ¸É ºÍ β. Í· ºÍ β ÊÇ ¿É Ñ¡ µÄ.
THEAD
Ôª ËØ ¶¨ Òå Í·,
TFOOT Ôª
ËØ ¶¨ Òå β ¶ø
TBODY Ôª ËØ
Ôò ¶¨ Òå Ö÷ ¸É.
ÔÚ ÏÔ Ê¾ ʱ, ÿ Ò» ¸ö THEAD,
TFOOT ºÍ TBODY
ʵ Àý ±Ø Ðë °ü º¬ Ò» ¸ö »ò ¶à ¸ö ºá ÐÐ(²Î ¼û TR).
´Ë Àý ¾Ù Àý ˵ Ã÷ ±í ¸ñ Í·, β ºÍ Ö÷ ¸É µÄ ´Î Ðò ºÍ
½á ¹¹.
<TABLE>
<THEAD>
<TR> ...header information...
</THEAD>
<TFOOT>
<TR> ...footer information...
</TFOOT>
<TBODY>
<TR> ...first row of block one data...
<TR> ...second row of block one data...
</TBODY>
<TBODY>
<TR> ...first row of block two data...
<TR> ...second row of block two data...
<TR> ...third row of block two data...
</TBODY>
</TABLE>
ÔÚ
TABLE ¶¨ Òå ÖÐ
TFOOT
±Ø Ðë ÔÚ
TBODY Ç° ³ö ÏÖ ÒÔ
±ã Óà »§ ´ú Àí Æ÷ ¿É ÒÔ ÔÚ ÊÕ µ½ Ëù ÓÐ µÄ (¿É ÄÜ ÓÐ ÖÚ ¶à Êý Á¿) ºá ÐÐ
Êý ¾Ý Ç° äÖ È¾ ±í ¸ñ β.
¿ÉÑ¡ºáÐÐ×é±ê¼Ç
-
µ± Ò» ¸ö ±í ¸ñ Ö» °ü º¬ Ò» ¸ö Ö÷ ¸É ²¢ ÇÒ Ã» ÓÐ Í· ºÍ β ²¿ ·Ö ʱ, Óà TBODY
¿ª ʼ ¶ø ½á Êø ±ê ¼Ç ¿É ÒÔ ºö ÂÔ.
-
µ± Ò» ¸ö ±í ¸ñ ¿é °ü º¬ Ò» ¸ö Í· ʱ, THEAD
Ôª ËØ µÄ ¿ª ʼ ±ê ¼Ç ÊÇ ±Ø Òª µÄ, ²¢ ÇÒ µ± ºó Ðø TFOOT
»ò TBODY ¿ª ʼ ±ê ¼Ç ʱ ¿É
Ê¡ ÂÔ ½á Êø ±ê ¼Ç.
-
µ± Ò» ¸ö ±í ¸ñ ¿é °ü º¬ Ò» ¸ö β ʱ, TFOOT
Ôª ËØ µÄ ¿ª ̨ ±ê ¼Ç ÊÇ ±Ø Òª µÄ, ²¢ ÇÒ µ± ºó Ðø THEAD
»ò TBODY ¿ª ʼ ±ê ¼Ç ʱ ¿É
Ê¡ ÂÔ ½á Êø ±ê ¼Ç.
Ò» Ö ÐÔ Óà »§ ´ú Àí Æ÷ µÄ Óï ·¨ ·Ö Îö Éè ±¸ ±Ø Ðë Ϊ Íù Ï ¼æ ÈÝ µÄ Ô
Òò ·þ ´Ó Õâ Щ ¹æ Ôò.
ÒÔ Ç° °æ ±¾ µÄ ±í ¸ñ ¿É ÒÔ Í¨ ¹ý ÒÆ È¥ Ò» ¶¨ µÄ ½á
Êø ±ê ¼Ç ¶ø ±ä ¶Ì.
<TABLE>
<THEAD>
<TR> ...header information...
<TFOOT>
<TR> ...footer information...
<TBODY>
<TR> ...first row of block one data...
<TR> ...second row of block one data...
<TBODY>
<TR> ...first row of block two data...
<TR> ...second row of block two data...
<TR> ...third row of block two data...
</TABLE>
COLGROUP ÔªËØ
<!ELEMENT COLGROUP - O (col*)>
<!ATTLIST COLGROUP
%attrs; -- %coreattrs, %i18n, %events --
span NUMBER 1 -- default number of columns in group --
width CDATA #IMPLIED -- default width for enclosed COLs --
%cellhalign; -- horizontal alignment in cells --
%cellvalign; -- vertical alignment in cells --
>
¿ª ʼ ±ê ¼Ç : Ðè Òª, ½á Êø ±ê ¼Ç : ¿É Ñ¡
ÌØ ÐÔ ¶¨ Òå
-
span = integer
-
µ± ÏÔ Ê¾ ʱ, Õâ ¸ö ÌØ ÐÔ Ö¸ Ã÷ ÁË ÔÚ Õâ ¸ö Êú ÁÐ ×é ÖÐ µÄ ȱ Ê¡ Êý Á¿.
Èç ¹û µ± Ç° ÁÐ °ü º¬ Ò» ¸ö »ò ¶à ¸ö COL
Ôª ËØ Ê± Óà »§ ´ú Àí Æ÷ Ó¦ ¸Ã ºö ÂÔ Õâ ¸ö ÌØ ÐÔ. ´Ë ÌØ ÐÔ µÄ ȱ Ê¡ Öµ ÊÇ
1.
-
width = length
-
Õâ ¸ö ÌØ ÐÔ Ö¸ Ã÷ ÁË µ± Ç° Êú ÁÐ ×é ÖРÿ ¸ö Êú ÁÐ µÄ ¿í ¶È.²» ½ö ÊÇ Ïñ
ËØ ºÍ °Ù ·Ö Öµ, Щ ÌØ ÐÔ »¹ ¿É ʹ Óà ÌØ Êâ µÄ ¸ñ ʽ "0*", Ëü Òâ ζ ×Å ×é
ÖÐ µÄ ÿ ¸ö Êú ÁÐ Ó¦ µ± ÊÇ ¿É ÒÔ ÈÝ ÄÉ µÄ Êú ÁÐ ÄÚ ÈÝ µÄ ×î С ¿í ¶È.
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
-
id, class
(¹ã·ºµÄÎĵµ±ê±êʶ·û)
-
lang (ÓïÑÔÐÅÏ¢),
dir (ÎÄ×Ö·½Ïò)
-
title (ÔªËرêÌâ)
-
style (ÄÚ²ã·ç¸ñÐÅÏ¢)
-
onclick, ondblclick,
onmousedown,
onmouseup,
onmouseover,
onmousemove,
onmouseout,
onkeypress,
onkeydown,
onkeyup (ÄÚ²¿Ê¼þ
)
-
align, char,
charoff, valign
(±í¸ñµ¥Ôª¶ÔÆ뷽ʽ)
Ò» ¸ö ±í ¸ñ ±Ø Ðë °ü º¬ ÖÁ ÉÙ Ò» ¸ö Êú ÁÐ ×é. ÔÚ Ã» ÓÐ ÈÎ ºÎ Êú ÁÐ ×é ¶¨
Òå µÄ Çé ¿ö ÏÂ, Ò» ¸ö ±í ¸ñ ±» ÈÏ Îª ÓÐ Ò» ¸ö Êú ÁÐ ×é ²¢ ÇÒ °ü º¬ ÁË ±í
¸ñ ÖÐ Ëù ÓÐ µÄ ¼á ÁÐ.
COLGROUP
Ôª ËØ ½¨ Á¢ Ò» ¸ö Çå ³þ µÄ Êú ÁÐ ×é.
COLGROUP Ôª ËØ µÄ width
ÌØ ÐÔ Ö¸ Ã÷ Êú ÁÐ ×é ÖРÿ Ò» ¸ö Êú ÁÐ µÄ ȱ Ê¡ µÄ ¿í ¶È. ÌØ Êâ µÄ "0*"
¸æ Ëß Óà »§ ´ú Àí Æ÷ °Ñ ÿ Êú ÁÐ ×é ÖÐ µÄÿ ¸ö Êú ÁÐ µÄ ¿í ¶È Éè ³É ×î
С ¿í ¶È. ÔÚ ¸ö ÐРΪ µ± COL
Ôª ËØ ´æ ÔÚ Ê± ÎÞ Ð§.
ÔÚ Ï Ãæ Àý ³Ì ÖÐ µÄ ±í ¸ñ ÓÐ Á½ ¸ö Êú ÁÐ ×é. µÚ Ò»
¸ö Êú ÁÐ ×é °ü º¬ 10 ¸ö Êú ÁÐ ¶ø µÚ ¶þ ¸ö Ôò °ü º¬ 5 ¸ö Êú ÁÐ. ¶Ô ÓÚ µÚ
Ò» ×é ÖÐ µÄ ÿ Êú ÁÐµÄ ¿í ¶È ÊÇ 50 ¸ö Ïñ ËØ. ¶ø µÚ ¶þ ×é ÖРÿ ¸ö Êú ÁÐ
µÄ ¿í ¶È Ôò ÊÇ ×î С Öµ.
<TABLE>
<COLGROUP span="10" width="50">
<COLGROUP span="5" width="0*">
<THEAD>
<TR> ...
</TABLE>
The COL element
<!ELEMENT COL - O EMPTY>
<!ATTLIST COL -- column groups and properties --
%attrs; -- %coreattrs, %i18n, %events --
span NUMBER 1 -- number of columns spanned by group --
width CDATA #IMPLIED -- column width specification --
%cellhalign; -- horizontal alignment in cells --
%cellvalign; -- vertical alignment in cells --
>
¿ª ʼ ±ê ¼Ç : Ðè Òª, ½á Êø ±ê ¼Ç : ½û Ö¹
ÌØ ÐÔ ¶¨ Òå
-
width = length
-
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ÁË ÔÚ Ã¿ ¸ö Êú ÁÐ ×é ÖРÿ Êú Àý µÄ ¿í ¶È. ²» Ȩ ÊÇ ±ê
×¼ µÄ Ïñ ËØ ºÍ °Ù ·Ö Öµ, ´Ë ÌØ ÐÔ »¹ ¿É ʹ Óà ÌØ Êâ µÄ ÐΠʽ "0*", Õâ Òâ
ζ ×Å ×é ÖÐ µÄ ÿ ¸ö Êú ÁРʹ Óà ͨ ¹» °ü º¬ Êú ÁÐ ÄÚ ÈÝ µÄ ×î С ¿í ¶È.
Õâ ¸ö ÌØ ÐÔ »¹ ÓÐ Ò» ¸ö ÌØ Êâ ÐΠʽ "i*", Õâ Àï µÄ "i" ÊÇ Ò» ¸ö Õû Êý Öµ.
Õâ ±» ³Æ Ö® Ϊ Ïà ¶Ô ¿í ¶È. µ± Ϊ ºá ÐÐ Êú ÁÐ ·Ö Åä ¿Õ ¼ä ʱ,
Óà »§ ´ú Àí Æ÷ Ê× ÏÈ ·Ö Åä ¶À Á¢ µÄ ¿í ¶È, È» ºó ¸ù ¾Ý ºá ÐÐ Êú ÁÐ µÄ ¿í
¶È ·Ö Åä ÓÐ Óà µÄ ¿Õ ¼ä. ÿ Ò» ¸ö Ïà ¶Ô ¿í ¶È ºá ÐÐ ºÍ Êú ÁÐ ·Ö Åä µ½ Ç°
Êö µÄ "*" µÄ ²¿ ·Ö. "*" µÄ Öµ µÈ ¼Û ÓÚ "1*".
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
-
id, class
(¹ã·ºµÄÎĵµ±ê±êʶ·û)
-
lang (ÓïÑÔÐÅÏ¢),
dir (ÎÄ×Ö·½Ïò)
-
title (ÔªËرêÌâ)
-
style (ÄÚ²ã·ç¸ñÐÅÏ¢)
-
onclick, ondblclick,
onmousedown,
onmouseup,
onmouseover,
onmousemove,
onmouseout,
onkeypress,
onkeydown,
onkeyup (ÄÚ²¿Ê¼þ
)
-
align, char,
charoff, valign
(±í¸ñµ¥Ôª¶ÔÆ뷽ʽ)
ÿ Ò» ¸ö ͨ ¹ý
COLGROUP
¶¨ Òå µÄ Êú ÁÐ ×é ¿É ÒÔ °ü º¬ Áã ×÷ »ò ¸ü ¶à
COL
Ôª ËØ. Ò» ¸ö
COL Ôª ËØ ²¢ ²»
Ïà ͬ µØ Èç
COLGROUP ¶¨
Òå Êú ÐÐ ×é; Ëü ¼ò µ¥ µØ ¹² Ïí ͬ Ò» Êú ÁÐ ×é ÖÐ µÄ Êú Àý ÌØ ÐÔ Öµ. ×¢
Òâ
COL Ôª ËØ Îª ¿Õ, Ëü ÃÇ Ö»
±» ÌØ ÐÔ Ó° Ïì.
COL µÄ span
ÌØ ÐÔ ÓÐ Èç ÏÂ º Òå:
-
ÔÚ span Éù Ã÷ ȱ ·¦ µÄ Çé
¿ö ÏÂ, ÿ Ò» ¸ö COL Ôª ËØ ÏÔ
ʾ Ò» ¸ö Êú ÁÐ.
-
µ± span ÌØ ÐÔ Éè Öà Ϊ N >
0 ʱ, µ± Ç° µÄ COL Ôª ËØ ÔÚ
±í ¸ñ ÖÐ ¿ç Ô½ N Êú ÁÐ.
-
Èç ¹û span ÌØ ÐÔ Éè Öà Ϊ
0, µ± Ç° µÄ COL Ôª ËØ ¿ç Ô½
±í ¸ñ Ê£ Óà µÄ ÁÐ, °ü À¨ µ± Ç° ºÍ ×î ºó µÄ ÁÐ.
×÷ Ϊ
COLGROUP,
COL
µÄ
span ÌØ ÐÔ Ó° Ïì ´Ë Ôª
ËØ °ü ÔÐ µÄ Êú ÁÐ µÄ¿í ¶È. Èç ¹û
COL
Ôª ËØ ¿ç Ô½ Êý ¸ö Êú ÁÐ ÄÇ Ã´ Ëü µÄ
width ÌØ ÐÔ Ö¸ Ã÷ ÔÚ ¿ç ¶È
ÖÐ µÄ ÿ ¸ö Êú ÁÐ µÄ ¿í ¶È, ¶ø ²» ÊÇ Õû ¸ö ¿ç ¶È µÄ ¿í ¶È.
´Ë Àý ÖÐ µÄ ±í ¸ñ °ü º¬ Á½ ¸ö Êú ÁÐ ×é. µÚ Ò» ¸ö Êú
ÁÐ ×é °ü º¬ Èý ¸ö Êú Àý , µÚ ¶þ ¸ö Êú ÁÐ ×é Ôò ÓÐ Á½ ¸ö Êú ÁÐ. ºÏ ·¨ µÄ
Ë® ƽ ¿Õ ¼ä Èç Ï ·Ö Åä: Ê× ÏÈ Óà »§ ´ú Àí Æ÷ Ϊ µÚ Ò» ¸ö Êú ÁÐ ·Ö Åä 30
¸ö Ïñ ËØ. È» ºó Ö¸ ÅÉ µÚ ¶þ ÁÐ µÄ ×î С µÄ ¿Õ ¼ä. Ê£ Ï µÄ Ë® ƽ ¿Õ ¼ä
±» ·Ö ³É 6 ¸ö Ïà ͬ µÄ ²¿ ·Ö. µÚ Èý ÁÐ ½« µÃ µ½ Æä ÖÐ µÄ Á½ ·Ö, µÚ ËÄ ÁÐ
·Ö µ½ Ò» ·Ý ¶ø µÚ Îå ÁÐ ·Ö µ½ Èý ·Ý.
<TABLE>
<COLGROUP>
<COL width="30">
<COL width="0*">
<COL width="2*">
<COLGROUP align="center">
<COL width="1*">
<COL width="3*" align="char" char=":">
<THEAD>
<TR> ...
</TABLE>
ÎÒ ÃÇ ÔÚ µÚ ¶þ Êú ÁÐ ×é ÖÐ °Ñ
align
ÌØ ÐÔ Éè Öà Ϊ "center". Ëù ÓÐ ÔÚ Ã¿ Ò» ¸ö ÁÐ ÖÐ Ëù ÓÐ µ¥ Ôª ¶¼ ½« ¼Ì ³Ð
Õâ ¸ö Öµ, µ« Ò² ¿É ÒÔ È¡ ´ú. ʵ ¼Ê ÉÏ, ×î ºó µÄ
COL
Õý Íê ³É ´Ë Ïî, ͨ ¹ý Ö¸ ¶¨ ÁÐ ÖÐ µÄ ÿ ¸ö µ¥ Ôª ¿É ÒÔ Ö§ Åä ͨ ¹ý ":"
×Ö ·û µÄ ÁÐ.
Table rows: The TR element
<!ELEMENT TR - O (TH|TD)+>
<!ATTLIST TR -- table row --
%attrs; -- %coreattrs, %i18n, %events --
%cellhalign; -- horizontal alignment in cells --
%cellvalign; -- vertical alignment in cells --
bgcolor %Color #IMPLIED -- background color for row --
>
¿ª ʼ ±ê ¼Ç : required, ½á Êø ±ê ¼Ç : optional
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
-
id, class
(¹ã·ºµÄÎĵµ±ê±êʶ·û)
-
lang (ÓïÑÔÐÅÏ¢),
dir (ÎÄ×Ö·½Ïò)
-
title (ÔªËرêÌâ)
-
style (ÄÚ²ã·ç¸ñÐÅÏ¢)
-
onclick, ondblclick,
onmousedown,
onmouseup,
onmouseover,
onmousemove,
onmouseout,
onkeypress,
onkeydown,
onkeyup (ÄÚ²¿Ê¼þ
)
-
align, char,
charoff, valign
(±í¸ñµ¥Ôª¶ÔÆ뷽ʽ)
TR ×÷ Ϊ Ò» ¸ö ´æ ·Å Ò» ÐÐ ±í
¸ñ µ¥ Ôª µÄ ÈÝ Æ÷.
Õâ ¸ö Àý ³Ì ±í ¸ñ °ü º¬ Èý ÐÐ, ÿ ÐÐ ÒÔ
TR
Ôª ËØ ¿ª ʼ:
<TABLE>
<CAPTION>Cups of coffee consumed by each senator</CAPTION>
<TR> ...A header row...
<TR> ...First row of data...
<TR> ...Second row of data...
...the rest of the table...
</TABLE>
±í¸ñµ¥Ôª: TH ºÍ TD
ÔªËØ
<!ELEMENT (TH|TD) - O %block>
<!ATTLIST (TH|TD) -- header or data cell --
%attrs; -- %coreattrs, %i18n, %events --
axis CDATA #IMPLIED -- defaults to cell content --
axes CDATA #IMPLIED -- list of axis names --
nowrap (nowrap) #IMPLIED -- suppress word wrap --
bgcolor %Color #IMPLIED -- cell background color --
rowspan NUMBER 1 -- number of rows spanned by cell --
colspan NUMBER 1 -- number of cols spanned by cell --
%cellhalign; -- horizontal alignment in cells --
%cellvalign; -- vertical alignment in cells --
>
¿ª ʼ ±ê ¼Ç : Ðè Òª, ½á Êø ±ê ¼Ç: ¿É Ñ¡
ÌØ ÐÔ ¶¨ Òå
-
axis = cdata
-
Õâ ¸ö ÌØ ÐÔ ¶¨ Òå Ò» ¸ö Í· µ¥ Ôª µÄ Ëõ д µÄ Ãû ³Æ. ȱ Ê¡ µÄ Ãû ³Æ ÊÇ Ëü
µÄ ÄÚ ÈÝ.
-
axes = cdata-list
-
Õâ ¸ö ÌØ ÐÔ µÄ Öµ, ÊÇ Ò» ¸ö ÁÐ ¶º ºÅ ·Ö ¿ª µÄ axis
Ãû ³Æ ÁÐ ±í, Ö¸ ¶¨ ÁË Êô ÓÚ Õâ ¸ö µ¥ Ôª µÄ ºá ÐÐ ºÍ Êú ÁÐ µÄ. Èç ¹û ´Ë
ÌØ ÐÔ È± ·¦, Óà »§ ´ú Àí Æ÷ ¿É ÄÜ Í¨ ¹ý Æä Ëü ³¢ ÊÔ À´ ±ê ʶ Òý µ¼ µ¥ Ôª.
-
rowspan = integer
-
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ÁË ¿ç Ô½ µ± Ç° µ¥ Ôª µÄ ºá ÐÐ µÄ Êý Á¿. ȱ Ê¡ µÄ ÌØ ÐÔ
Öµ ÊÇ 1 ("1"). Êý Öµ Áã ("0") Òâ ζ ×Å ÄÇ ¸ö µ¥ Ôª ¿ç Ô½ ÁË ´Ó µ± Ç° ÐÐ
µ½ ±í ¸ñ ½á Êø µÄ Ëù ÓÐ µÄ ÐÐ.
-
colspan = integer
-
Õâ ¸ö ÌØ ÐÔ Ö¸ Ã÷ ÁË ¿ç Ô½ µ± Ç° µ¥ Ôª µÄ Êú ÁÐ µÄ Êý Á¿. ȱ Ê¡ µÄ ÌØ ÐÔ
Öµ ÊÇ 1 ("1"). Êý Öµ Áã ("0") ±í ʾ ×Å ÄÇ ¸ö µ¥ Ôª ¿ç Ô½ ÁË ´Ó µ± Ç° ÁÐ
µ½ ±í ¸ñ ×î ºó ÁÐ µÄ Ëù ÓÐµÄ ÁÐ.
-
nowrap
-
²» ÔÞ ³É. ÔÚ ÏÔ Ê¾ ʱ, Õâ ¸ö ²¼ ¶û ÌØ ÐÔ ¸æ Ëß ¿É ÊÓ Óà »§ ´ú Àí
Æ÷ ¶Ô Õâ ¸ö µ¥ Ôª ½û Ö¹ ×Ô ¶¯ µÄ ÎÄ ±¾ °ü Χ. ·ç
¸ñÒ³ Ó¦ µ± Óà À´ ´ú Ìæ Õâ ¸ö ÌØ ÐÔ (Àý Èç [CSS1]
µÄ "white-space" ÌØ ÐÔ). ×¢ Òâ: Èç ¹û ´Ö ÐÄ ´ó Òâ µØ Ê¹ ÓÃ, Õâ ¸ö ÌØ ÐÔ
»á µ¼ Ö һ ¸ö ¹ý ¿í µÄ µ¥ Ôª
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
-
id, class
(¹ã·ºµÄÎĵµ±êÖ¾·û)
-
lang (ÓïÑÔÐÅÏ¢),
dir (ÎÄ×Ö·½Ïò)
-
title (ÔªËرêÌâ)
-
style (ÄÚ²ã·ç¸ñÐÅÏ¢)
-
onclick, ondblclick,
onmousedown,
onmouseup,
onmouseover,
onmousemove,
onmouseout,
onkeypress,
onkeydown,
onkeyup (ÄÚ²¿Ê¼þ
)
-
bgcolor (±³¾°ÑÕÉ«)
-
align, char,
charoff, valign
(±í¸ñµ¥Ôª¶ÔÆ뷽ʽ)
TH Ôª ËØ ·Å Öà Òý µ¼ ЊϢ,
µ±
TD Ôª ËØ ·Å Öà Êý ¾Ý ʱ.
Õâ Щ Çø ±ð ÔÊ Ðí Óà »§ ´ú Àí Æ÷ À´ Ã÷ ÏÔ µØ äÖ È¾ Òý µ¼ ЊϢ ºÍ Êý ¾Ý
µ¥ Ôª, Éõ ÖÁ ÔÚ È± ÉÙ ·ç ¸ñ Ò³ Çé ¿ö ÏÂ.
µ¥ Ôª ¿É ÒÔ ÊÇ ¿Õ µÄ (Àý Èç: °ü º¬ ¿Õ Êý ¾Ý).
Ï Ãæ µÄ ±í ¸ñ °ü º¬ ËÄ ¸ö Êú ÁÐ, ¾ù ͨ ¹ý Ò» ¸ö Êú
ÁÐ Ãè Êö À´ Òý µ¼.
<TABLE>
<CAPTION>Cups of coffee consumed by each senator</CAPTION>
<TR> <TH>Name <TH>Cups <TH>Type of Coffee <TH>Sugar?
<TR> <TD>T. Sexton <TD>10 <TD>Espresso <TD>No
<TR> <TD>J. Dinnen <TD>5 <TD>Decaf <TD>Yes
...the rest of the table...
</TABLE>
Äã µÄ Óà »§ ´ú Àí Æ÷ Èç Ï ¿ª ʼ Ãè Êö ±í ¸ñ:
ÿһ ¸ö ²Î ÒéÔ±ÏûºÄµÄ¿§·È±Êý
| ÐÕÃû |
±Êý |
¿§·ÈÖÖÀà |
ÊÇ·ñ¼ÓÌÇ? |
| T. Sexton |
10 |
Espresso |
·ñ |
| J. Dinnen |
5 |
Decaf |
ÊÇ |
Ϊ ÁË °ï Öú Çø ·Ö Õâ ¸ö ±í ¸ñ µÄ µ¥ Ôª, ÎÒ ÃÇ ¿É ÒÔ Í¨ ¹ý Éè ÖÃ
TABLE
Ôª ËØ µÄ
border ÌØ ÐÔ:
<TABLE border="border">
...the rest of the table...
</TABLE>
ͨ ¹ý ¿ò Ïß, Äã µÄ Óà »§ ´ú Àí Æ÷ Èç Ï ¿ª ʼ Ãè Êö ±í ¸ñ:
ÿ¸ö²ÎÒéÔ±ÏûºÄµÄ¿§·È±Êý
| ÐÕÃû |
±Êý |
¿§·ÈÆ·ÖÖ |
ÊÇ·ñ¼ÓÌÇ? |
| T. Sexton |
10 |
Espresso |
·ñ |
| J. Dinnen |
5 |
Decaf |
ÊÇ |
Ϊµ¥Ôª¼Ó±êÇ©
axis ºÍ
axes
ÌØ ÐÔ Ìá ¹© Ö¸ ¶¨ µ¥ Ôª ±ê Ç© µÄ ÊÖ ¶Î.
Óï Òô ºÏ ³É Æ÷ ʹ Óà Õâ Щ ±ê Ç© À´ ÈÏ Ã÷ ÿ ¸ö µ¥ Ôª µÄ ÄÚ ÈÝ ºÍ λ
ÖÃ. ´¦ Àí Èí ¼þ ¿É ÒÔ ÔÚ °Ñ ±í ¸ñ ÄÚ ÈÝ ´« µ½ Êý ¾Ý ¿â ʱ Èç Êý ¾Ý ¿â ×Ö
¶Î Ãû °ã À´ ¿¼ ÂÇ Ëü ÃÇ.
ÔÚ Ï Ãæ µÄ Àý ³Ì ÖÐ, ÎÒ ÃÇ °Ñ
axis
ÌØ ÐÔ Öµ Éè Öà ³É ÿ ¸ö ²Î Òé Ô± µÄ ÐÕ. ÎÒ ÃÇ Èç Ï ÔÚ "Name" ÁÐ ÖÐ ±ê
Ç© µ¥ Ôª Öµ.
<TABLE border="border">
<CAPTION>Cups of coffee consumed by each senator</CAPTION>
<TR> <TH>Name <TH>Cups <TH>Type of Coffee <TH>Sugar?
<TR> <TD axis="Sexton" axes="Name">T. Sexton <TD>10
<TD>Espresso <TD>No
<TR> <TD axis="Dinnen" axes="Name">J. Dinnen <TD>5 <TD>Decaf <TD>Yes
</TABLE>
¿çÔ½Êý¸öºáÐкÍÊúÁеĵ¥Ôª
µ¥ Ôª ¿É ÒÔ ¿ç Ô½ Êý ¸ö ºá ÐÐ ºÍ Êú ÁÐ. µ¥ Ôª ¿ç Ô½ ºá ÐÐ ºÍ Êú ÁÐ µÄ Êý
Á¿ ͨ ¹ý
rowspan ºÍ
colspan
ÌØ ÐÔ À´ ¶Ô
TH »ò
TD
Ôª ËØ ½ø ÐÐ Éè ÖÃ.
ÔÚ Õâ ¸ö ±í ¸ñ ¶¨ Òå ÖÐ, ÎÒ ÃÇ Ö¸ ¶¨ ÔÚ ºá ÐÐ 4, Êú
ÁÐ 2 µÄ µ¥ Ôª Ó¦ µ± ¿ç Ô½ ×Ü ºÍ Ϊ ÔÚ µÄÊú ÁÐ, °ü À¨ µ± Ç° ºá ÐÐ.
<TABLE border="border">
<CAPTION>ÿ¸ö²ÎÒéÔ±ÏûºÄµÄ¿§·È±Êý</CAPTION>
<TR> <TH>ÐÕÃû <TH>±Êý <TH>¿§·ÈÆ·ÖÖ <TH>ÊÇ·ñ¼ÓÌÇ?
<TR> <TD>T. Sexton <TD>10 <TD>Espresso <TD>²»
<TR> <TD>J. Dinnen <TD>5 <TD>Decaf <TD>ÊÇ
<TR> <TD>A. Soria <TD colspan="3"><em>²»ÖªµÀ</em>
</TABLE>
Õâ ¸ö ±í ¸ñ Ó¦ µ± ±» Óà »§ ´ú Àí Æ÷ Èç Ï äÖ È¾:
ÿ¸ö²ÎÒéÔ±ÏûºÄµÄ¿§·È±Êý
----------------------------------------
| ÐÕÃû |±Êý |¿§·ÈÆ·ÖÖ |ÊÇ·ñ¼ÓÌÇ?|
----------------------------------------
|T. Sexton|10 |Espresso |·ñ |
----------------------------------------
|J. Dinnen|5 |Decaf |ÊÇ |
----------------------------------------
|A. Soria |²»ÖªµÀ |
----------------------------------------
Õâ ¸ö Àý ³Ì ¾Ù Àý ˵ Ã÷ ÁË Èç ºÎ ¶¨ Òå µ¥ Ôª À´ ¿ç
Ô½ ³¬ ¹ý Ò» ¸ö ºá ÐÐ »ò Êú ÁÐ ²¢ Ó° Ïì µ½ ºó À´ µ¥ Ôª µÄ ¶¨ Òå. ¿¼ ÂÇ Èç
Ï µÄ ±í ¸ñ ¶¨ Òå:
<TABLE border="border">
<TR><TD>1 <TD rowspan="2">2 <TD>3
<TR><TD>4 <TD>6
<TR><TD>7 <TD>8 <TD>9
</TABLE>
Õâ ¸ö ±í ¸ñ »á ±» Èç Ï äÖ È¾:
-------------
| 1 | 2 | 3 |
----| |----
| 4 | | 6 |
----|---|----
| 7 | 8 | 9 |
-------------
Èç ±ê Ϊ "2" µÄ µ¥ Ôª ¿ç Ô½ Á½ ¸ö ºá ÐÐ, Ëü Ó° Ïì ÁË ÔÚ Ï Ãæ ºá ÐÐ ÖÐ
¶¨ Òå µÄ µ¥ Ôª λ ÖÃ. ×¢ Òâ Èç ¹û µ¥ Ôª "6" û ÓÐ ÔÚ ºá ÐÐ 2 ÖÐ ±» ¶¨ Òå,
Ò» ¸ö ¶î Íâ µÄ ¿Õ µ¥ Ôª ½« ±» Óà »§ ´ú Àí ¼Ó ÉÏ ¿Õ µÄ µ¥ Ôª À´ Íê ³É Õû
¸ö ºá ÐÐ.
Àà ËÆ µØ, ÔÚ Ï ÁÐ µÄ ±í ¸ñ ¶¨ Òå ÖÐ:
<TABLE border="border">
<TR><TD>1 <TD>2 <TD>3
<TR><TD colspan="2">4 <TD>6
<TR><TD>7 <TD>8 <TD>9
</TABLE>
µ¥ Ôª "4" ¿ç Ô½ ÁË 2 ¸ö Êú ÁÐ, Ëù ÔÚ µ¥ Ôª "6" ±» ·Å ÔÚ µÚ Èý ÁÐ.
-------------
| 1 | 2 | 3 |
--------|----
| 4 | 6 |
--------|----
| 7 | 8 | 9 |
-------------
Õâ ¸ö Àý ³Ì ¾Ù Àý ˵ Ã÷ ÁËÈç ºÎ ½¨ Á¢ Ò» ¸ö ½» µþ
µÄ µ¥ Ôª. ÔÚ Õâ ¸ö ±í ¸ñ ÖÐ, µ¥ Ôª "5" ¿ç Ô½ ÁË Á½ ¸ö ºá ÐÐ ¶ø µ¥ Ôª "7"
¿ç Ô½ ÁË 2 ¸ö Êú ÁÐ, Ëù ÒÔ Õâ ÔÚ "7" ºÍ "9" Ö® ¼ä ÓÐ ¸ö ½» µþ µÄ µ¥ Ôª:
<TABLE border="border">
<TR><TD>1 <TD>2 <TD>3
<TR><TD>4 <TD rowspan="2">5 <TD>6
<TR><TD colspan="2">7 <TD>9
</TABLE>
Õâ ¸ö ±í ¸ñ ½« ÔÚ äÖ È¾ ʱ ´« ´ï ½» µþ:
-------------
| 1 | 2 | 3 |
-------------
| 4 | 5 | 6 |
----|...|----
| 7 : | 9 |
-------------
¶Ô ÓÚ ½» µþ µ¥ Ôª µÄ äÖ È¾ ²¢ û ÓÐ ±» ¶¨ Òå. ²» ͬ µÄÓà »§ ´ú Àí Æ÷ ¿É
ÄÜ ÒÔ ²» ͬ µÄ ·½ ʽ äÖ È¾.
¿ÉÊÓÓû§´úÀíÆ÷µÄ±í¸ñ¸ñʽ
Ï Ãæ µÄ Ãè Êö ˵ Ã÷ ÁË ¸æ Ëß Óà »§ ´ú Àí Æ÷ Èç ºÎ ¸ñ ʽ »¯ ±í ¸ñ µÄ
HTML ±í ¸ñ ÌØ ÐÔ. ·ç ¸ñ Ò³ ½« Ìá ¹© Óà »§ ´ú Àí Æ÷ ¸ü ºÃ µÄ ¿Ø ÖÆ. ÔÚ Ð´
Õâ ·Ý Ëµ Ã÷ Êé µÄ Ê± ºò, [CSS1]
²¢ ²» Ìá ¹© À´ ¿Ø ÖÆ ¿É ÊÓ »¯ ´ú Àí Æ÷ ±í ¸ñ ¸ñ ʽ »¯ ·½ Ãæ µÄ ½á ¹¹.
Õâ ¸ö °æ ±¾ µÄ HTML °ü À¨ µÄ ¿Ø ÖÆ ½á ¹¹ Ϊ:
ˮƽºÍ´¹Ö±¶ÔÆ뷽ʽ
Ï ÁÐ µÄ ÌØ ÐÔ ¿É ÒÔ ±» ²» ͬ µÄ ±í ¸ñ Ôª ËØ Éè ¶¨ (²Î ¼û Ëü ÃÇ µÄ ¶¨ Òå).
<!-- horizontal alignment attributes for cell contents -->
<!ENTITY % cellhalign
"align (left|center|right|justify|char) #IMPLIED
char CDATA #IMPLIED -- alignment char, e.g. char=':' --
charoff CDATA #IMPLIED -- offset for alignment char --"
>
<!-- vertical alignment attributes for cell contents -->
<!ENTITY % cellvalign
"valign (top|middle|bottom|baseline) #IMPLIED"
>
ÌØ ÐÔ ¶¨ Òå
-
align = left|center|right|justify|char
-
Õâ ¸ö ÌØ ÐÔ Ö¸ Ã÷ ÁË ±í ¸ñ µ¥ Ôª ÖÐ µÄ Êý ¾Ý ºÍ ÎÄ ±¾ µÄ ¶Ô Æë µ÷ Õû ·½
ʽ. ¿É ÄÜ µÄ Öµ Ϊ:
-
left: ×ó Æë ƽ Êý ¾Ý/ ×ó ¶Ô Æë ÎÄ ×Ö. Õâ ¸ö ±í ¸ñ Êý ¾Ý µÄ ȱ
Ê¡ Öµ.
-
center: ÖÐ ¼ä ¶Ô Æë µÄ Êý ¾Ý/ ÎÄ ×Ö. Õâ ÊÇ ±í ¸ñ Í·µÄ ȱ Ê¡ Öµ.
-
right: ÓÒ Æë ƽ Êý ¾Ý/ ÓÒ ¶Ô Æë ÎÄ ×Ö.
-
justify: Á½ ±ß Æë ƽ ÎÄ×Ö.
-
char:Óë Ö¸ ¶¨ µÄ ×Ö ·û ¶Ô Æë.
-
valign = top|middle|bottom|baseline
-
Õâ ¸ö ÌØ ÐÔ Ö¸ Ã÷ ÁË Ò» ¸ö µ¥ Ôª ÖÐ Êý ¾Ý µÄ ´¹ Ö± λ ÖÃ. ¿É ÄÜ µÄ Öµ Ϊ:
-
top: µ¥ Ôª Êý ¾Ý ÔÚ µ¥ Ôª ÖÐ ¶¥ ¶Ë ¶Ô Æë.
-
middle: µ¥ Ôª Êý ¾Ý ÔÚ µ¥ Ôª ÖÐ ´¹ Ö± ¾Ó ÖÐ. Õâ ¸ö ȱ Ê¡ Öµ.
-
bottom: µ¥ Ôª ÖÐ µÄ µ¥ Ôª Êý ¾Ý ¾Ó Ï ¶Ô Æë.
-
baseline: Ëù ÓÐ ÔÚ Í¬ Ò» ÐÐ µÄ µ¥ Ôª ×÷ Ϊ Ò» ¸ö µ¥ Ôª Ëü ÃÇ µÄ valign
ÌØ ÐÔ ¾ß ÓÐ Õâ ¸ö Öµ ²¢ ÓÐ Ëü ÃÇ µÄ Ô ÎÄ Êý ¾Ý µÄ λ Öà Ëù ÒÔ µÚ Ò» ÎÄ
×Ö ÐÐ ³ö ÏÖ ÔÚ Ò» ¸ö »ù Ïß ÉÏ Í¨ ³£ ÊÇ ºá ÐÐ ÖÐ Ëù ÓÐ µÄ ±í ¸ñ µ¥ Ôª. Õâ
¸ö Ç¿ ÖÆ ²¢ ²» Ìá ¹© ÓÚ ÔÚ ´Ë µ¥ Ôª ÖÐ µÄ ºó À´ µÄ ÎÄ ×Ö ÐÐ.
-
char = cdata
-
Õâ ¸ö ÌØ ÐÔ Ö¸ Ã÷ ÁË ÔÚ ÎÄ µ± Ƭ ¶Î ÖÐ µÄ ×Ö ·û ×÷ Ϊ ¶Ô Æë µÄ Öá. Õâ ¸ö
ÌØ ÐÔ µÄ ȱ Ê¡ Öµ ¶Ô µ± Ç° Óï ÑÔ ¶ø ÑÔ ÊÇ Ð¡ Êý µã (Èç ͬ lang
ÌØ ÐÔ ÔÚ ·¨ Óï ÖÐ µÄ ¶¨ Òå µÄ (Àý Èç, ÔÚ Ó¢ Óï ÖÐ ÊÇ µã ºÅ (".") ¶ø ÔÚ
·¨ Óï ÖÐ ÊÇ ¶º ºÅ(","). Õâ ¸ö ÌØ ÐÔ Öµ ¶Ô ´ó С д Ãô ¸Ð.
-
charoff = length
-
ÔÚ ÏÔ Ê¾ µÄ ʱ ºò, Õâ Ïà Öµ Ö¸ ¶¨ Óà À´ ÔÚ Ã¿ Ò» ÐÐ ÖÐ µÚ Ò» ¸ö ³ö ÏÖ µÄ
¶Ô Æë ×Ö ·û µÄ Æ« ÒÆ Á¿. Èç ¹û Ò» ÐРû ÓÐ °ü º¬ ¶Ô Æë ×Ö ·û, Ëü Ó¦ µ±
Ë® ƽ ת ÒÆ µ½ ¶Ô Æë λ Öà µÄ ½á β ´¦.
µ± charoff ±» ÓÃ À´
Éè Öà һ ¸ö ¶Ô Æë ×Ö ·û µÄ Æ« ÒÆ Á¿ ʱ, Æ« ÒÆ ·½ Ïò ÓÉ µ± Ç° ÎÄ ×Ö ·½ Ïò
À´ ÅÐ ¶¨ (ͨ ¹ý dir ÌØ ÐÔ
Éè ÖÃ). ÔÚ ´Ó ×ó µ½ ÓÒ µÄ ÎÄ ×Ö ÖÐ (ȱ Ê¡), Æ« ÒÆ ´Ó ×ó Ò³ Ôµ ¿ª ʼ. ÔÚ
´Ó ÓÒ µ½ ×ó µÄ ÎÄ ±¾, Æ« ÒÆ ´Ó ÓÒ Ò³ Ôµ ¿ª ʼ.
´Ë Àý ÖÐ µÄ ±í ¸ñ °Ñ Ò» ¸ö ºá ÐÐ ÖÐ µÄ »õ ±Ò Öµ ¸ù
¾Ý С Êý µã ÅÅ ³É Ò» ÐÐ. ÎÒ ÃÇ Í¨ ¹ý "." ×Ö ·û À´ ÏÔ Ê¾ µØ ¶Ô Ëü ÃÇ ÅÅ
ÁÐ.
<TABLE border="border">
<COLGROUP>
<COL><COL align="char" char=".">
<THEAD>
<TR><TH>Vegetable <TH>Cost per kilo
<TBODY>
<TR><TD>Lettuce <TD>$1
<TR><TD>Silver carrots <TD>$10.50
<TR><TD>Golden turnips <TD>$100.30
</TABLE>
¸ñ ʽ »¯ ºó ±í ¸ñ ¿´ ÉÏ È¥ Ó¦ µ± Èç ´Ë:
------------------------------
| Vegetable |Cost per kilo|
|--------------|-------------|
|Lettuce | $1 |
|--------------|-------------|
|Silver carrots| $10.50|
|--------------|-------------|
|Golden turnips| $100.30|
------------------------------
¶ÔÆ뷽ʽ˵Ã÷µÄ¼Ì³Ð
µ¥ Ôª ÄÚ ÈÝ µÄ ¶Ô Æë ·½ ʽ¿É ÒÔ Ö¸ ͨ ¹ý µ¥ Ôª »ù À´ Ö¸ ¶¨ Ò» ¸ö µ¥ Ôª,
»ò ´Ó °ü º¬ µÄ Ôª ËØ ¼Ì Ëæ ¶ø, Èç ºá ÐÐ, Êú ÁÐ ¼° ±í ¸ñ ×Ô ÐÐ
align,
char ºÍ
charoff
ÌØ ÐÔ µÄ ÓÅ ÏÈ È¨ ´Î Ðò Èç Ï (´Ó ¸ß µ½ µÍ):
-
Ò» ¸ö ÔÚ µ¥ Ôª Êý ¾Ý ÖÐ µÄ Ôª ËØ µÄ ¶Ô Æë ÌØ ÐÔ Éè ¶¨ (Èç: P).
-
¶¨ Òå µ¥ Ôª ¶Ô Æë ·½ ʽ µÄ ÌØ ÐÔ (TH
ºÍ TD).
-
ÔÚ Êú ÁÐ »ò Êú ÁÐ ×é ÖÐ Éè ¶¨ µÄ ¶Ô Æë ·½ ʽ ÌØ ÐÔ (COL
ºÍ COLGROUP). µ± µ¥ Ôª
ÊÇ Ò» ¸ö ¶à Êú ÁÐ ¿ç Ô½ ½á ¹¹ µÄ ²¿ ·Ö ʱ, ¶Ô Æë ·½ ʽ ÌØ ÐÔ ÓÉ ¿ç Ô½ µÄ
µ¥ Ôª µÄ ¶¨ Òå ¿ª ʼ ²¿ ·Ö ¼Ì ³Ð ¶ø À´.
-
ÔÚ ºá ÐÐ »ò ºá ÐÐ ×é ÖÐ ¶¨ Òå µÄ ¶Ô Æë ÌØ ÐÔ(TR,
THEAD, TFOOT
ºÍ TBODY). µ± µ¥ Ôª ÊÇ Ò»
¸ö ¶à ºá ÐÐ ¿ç Ô½ ½á ¹¹ µÄ ²¿ ·Ö ʱ, ¶Ô Æë ·½ ʽ ÌØ ÐÔ ÓÉ ¿ç Ô½ µÄ µ¥ Ôª
µÄ ¶¨ Òå ¿ª ʼ ²¿ ·Ö ¼Ì ³Ð ¶ø À´.
-
ÔÚ ±í ¸ñ ÖÐ Éè ¶¨ µÄ ¶Ô Æë ·½ ʽ ÌØ ÐÔ (TABLE).
-
ȱ Ê¡ µÄ ¶Ô Æë ·½ ʽ Öµ
valign (Èç ͬ Æä Ëü µÄ
lang,
dir ºÍ
style
¼Ì ³Ð ÌØ ÐÔ) is the following ÌØ ÐÔ µÄ ÓÅ ÏÈ È¨ ´Î Ðò Èç Ï (´Ó ¸ß µ½ µÍ):
-
Ò» ¸ö ÔÚ µ¥ Ôª Êý ¾Ý ÖÐ µÄ Ôª ËØ µÄ ÌØ ÐÔ µÄ Éè ¶¨ (Àý Èç: P).
-
µ¥ Ôª µÄ ÌØ ÐÔ Éè Öà (TH ºÍ
TD).
-
ÔÚ ºá ÐÐ »ò ºá ÐÐ ×é ÖÐ Éè ¶¨ µÄ ÌØ ÐÔ (TR,
THEAD, TFOOT
ºÍ TBODY). µ± µ¥ Ôª ÊÇ Ò»
¸ö ¶à ºá ÐÐ ¿ç Ô½ ½á ¹¹ µÄ ²¿ ·Ö ʱ, ´Ë ÌØ ÐÔ ÓÉ ¿ç Ô½ µÄ µ¥ Ôª µÄ ¶¨ Òå
¿ª ʼ ²¿ ·Ö ¼Ì ³Ð ¶ø À´.
-
ÔÚ Êú ÁÐ »ò Êú ÁÐ ×é ÖÐ Éè ¶¨ µÄ ÌØ ÐÔ (COL
ºÍ COLGROUP). µ± µ¥ Ôª
ÊÇ Ò» ¸ö ¶à Êú ÁÐ ¿ç Ô½ ½á ¹¹ µÄ ²¿ ·Ö ʱ, ´Ë ÌØ ÐÔ ¿ç Ô½ µÄ µ¥ Ôª µÄ ¶¨
Òå ¿ª ʼ ²¿ ·Ö ¼Ì ³Ð ¶ø À´.
-
ÔÚ ±í ¸ñ ÖÐ Éè ¶¨ µÄ ÌØ ÐÔ (TABLE).
-
ȱ Ê¡ µÄ ÌØ ÐÔ Öµ.
´Ë Íâ, µ± äÖ È¾ µ¥ Ôª ʱ, Ë® ƽ ¶Ô ƽ ·½ ʽ Ê× ÏÈ ÓÚ Êú ÁÐ ±» ÅÐ ¶¨, µ±
¶Ô ÓÚ ´¹ Ö± ¶Ô Æë ʱ, ºá ÐÐ ³¬ Ô½ ÓÚ Êú ÁÐ ÓÅ ÏÈ È¨.
µ¥ Ôª µÄ ȱ Ê¡ ¶Ô Æë ·½ ʽ È¡ ¾ö ÓÚ Óà »§ ´ú Àí Æ÷. È» ¶ø Óà »§ ´ú
Æ÷ Ó¦ µ± ¸ù ¾Ý µ± Ç° ·½ Ïò ÐÔ À´ È¡ ´ú ȱ Ê¡ ÌØ ÐÔ (¾Í ÊÇ Ëµ ²» Ö» ÊÇ Ëù
ÓÐ µÄ Çé ¿ö ¶¼ ÊÇ "left").
²» Ìá ¹© align ÌØ ÐÔ
"justify" µÄ Óà »§ ´ú Àí Æ÷ ¿É Óà "left" Öµ È¡ ´ú.
¿òÏߺÍÏßÌõ
Ï Ãæ µÄ ÌØ ÐÔ Ó° Ïì ±í ¸ñ Íâ ²¿ µÄ ¿ò Ïß ºÍ Ïß Ìõ.
ÌØ ÐÔ ¶¨ Òå
-
frame = void|above|below|hsides|lhs|rhs|vsides|box|border
-
Õâ ¸ö ÌØ ÐÔ Ö¸ Ã÷ ÔÚ ¿ò Ïß µÄ ÄÄ Ò» ±ß Χ ÈÆ ±í ¸ñ ½« ÊÇ ¿É ¼û µÄ. ¿É ÄÜ
µÄ Öµ Ϊ:
-
void: û ÓÐ ÄÄ Ò» ±ß. ȱ Ê¡ Öµ.
-
above: ÉÏ Ãæ Ò» ±ß.
-
below: Ö» ÓÐ Ï ±ß.
-
hsides: Ö» ÓÐ ÉÏ ±ß ºÍ Ï ±ß.
-
vsides: Ö» ÓÐ ÓÒ ±ß ºÍ ×ó ±ß.
-
lhs: Ö» ÓÐ ×ó ÊÖ Ò» ±ß.
-
rhs: Ö» ÓÐ ÓÒ ÊÖ Ò» ±ß
-
box: Ëù ÓÐ ±ß.
-
border: Ëù ÓÐ 4 ±ß.
-
rules = none|groups|rows|cols|all
-
Õâ ¸ö ÌØ ÐÔ Ö¸ Ã÷ ÁË ÔÚ ±í ¸ñ µ¥ Ôª ÖÐ µÄ ³ö ÏÖ µÄ Ïß Ìõ. ¿É ÄÜ µÄ Öµ Ϊ:
-
none: û ÓÐ Ïß Ìõ. ȱ Ê¡ Öµ.
-
groups: Ïß Ìõ ½« Ö» ³ö ÏÖ ÓÚ ºá ÐÐ ×é (²Î ¼û THEAD,
TFOOT ºÍ TBODY)
Óë Êú ÁÐ ×é (²Î ¼û COLGROUP
ºÍ COL) ÖÐ ¼ä.
-
rows: Ïß Ìõ Ö» ³ö ÏÖ ÔÚ ºá ÐÐ ÖÐ ¼ä.
-
cols: Ïß Ìõ Ö» ³ö ÏÖ ÔÚ Êú ÁÐ ÖÐ ¼ä.
-
all: Ïß Ìõ ½« ³ö ÏÖ ÓÚ Ëù ÓÐ µÄ ºá ÐÐ ºÍ Êú ÁÐ Ö® ¼ä.
-
border = cdata
-
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ µÄ Χ ÈÆ ±í ¸ñ µÄ ¿ò µÄ ¿í ¶È (Ö» ÄÜ Óà Ïñ ËØ) (ÄÜ ¼û
ºó Ãæ µÄ ¹Ø ÓÚ ´Ë ÌØ ÐÔ µÄ ×¢ ÊÍ À´ »ñ µÃ ¸ü ¶à ЊϢ).
ÔÚ Ï Ãæ µÄ ±í ¸ñ ÖÐ, 5 Ïñ ËØ ¿í µÄ ϸ Ïß ½« ÔÚ ±í
¸ñ µÄ ×ó ±ß, ÓÒ ±ß ÒÔ ¼° Ëù ÓÐ Êú ÁÐ Ö® ¼ä ±» äÖ È¾.
<TABLE border="5" frame="vsides" rules="cols">
<TR> <TD>1 <TD>2 <TD>3
<TR> <TD>4 <TD>5 <TD>6
<TR> <TD>7 <TD>8 <TD>9
</TABLE>
Ó¦ µ± ×¢ Òâ Ï Ãæ µÄ Éè Öà ÓÉ ÓÚ Óà »§ ´ú Àí µÄ Ïò Ï ¼æ ÈÝ ÐÔ.
-
Éè ¶¨ border="0" °µ ʾ ×Å
frame="void" ²¢ ÇÒ ³ý ·Ç
Áí Íâ Éè ÖÃ rules="none".
-
Æä Ëü border Öµ °µ ʾ ×Å
frame="border" ³ý·Ç Áí Íâ
Éè ÖÃ rules="all".
-
ÔÚ TABLE Ôª ËØ ¿ª ʼ ±ê ¼Ç
ÖÐ µÄ Öµ "border" Ó¦ µ± ±» ×÷ Ϊ frame
ÌØ ÐÔ Öµ ±» ½â Òë. Ëü °µ ʾ ×Å rules="all"
ºÍ border ÌØ ÐÔ µÄ Ò» Щ
Æä Ëü ȱ Ê¡ (·Ç Áã) Öµ.
Òò ´Ë, Àý Èç:
<FRAME border="2"> <=> <FRAME border="2" frame="border" rules="all">
ºÍ
<FRAME border> <=> <FRAME frame="border" rules="all">
×¢ Òâ: border
ÌØ ÐÔ Ò² ¶¨ Òå ÁË OBJECT
ºÍ IMG Ôª ËØ µÄ ÐРΪ, µ«
Õâ Щ Ôª ËØ ÓÐ ²» ͬ µÄ Öµ.
±í¸ñµ¥Ôª¿ÕÔµ
Á½ ÖÖ ÌØ ÐÔ ¿Ø ÖÆ ÁË µ¥ Ôª ÖÐ µÄ ¿Õ ¼ä.
Attribute definitions
-
cellspacing = length
-
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ÁË ÔÚ ±í ¸ñ ¿ò Óë ÿ ¸ö ºá ÐÐ »ò Êú ÁÐ µÄ µÚ Ò» »ò ×î
ºó Ò» ¸ö µ¥ Ôª Ö® ¼ä Òª Áô ³ö µÄ ¿Õ ¼ä, »¹ ÓÐ ±í ¸ñ ÖÐ µ¥ Ôª Ö® ¼ä µÄ ¿Õ
¼ä.
-
cellpadding = length
-
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ÁË µ¥ Ôª ºÍ Ëü ÄÚ ÈÝ Ö® ¼ä µÄ ¿Õ Ôµ µÄ Êý Öµ, Õë ¶Ô ÄÚ
ÈÝ Ëù ÓÐ µÄ ±ß.
ÔÚ Ï Ãæ µÄ ±í ¸ñ ÖÐ,
cellspacing
Ö¸ ¶¨ ÿ ¸ö µ¥ Ôª Ö® ¼ä ÒÔ ¼° Óë Æä Ëü µÄ ±í ¸ñ ¿ò Ïß Ö® ¼ä ½« ÒÔ 20 Ïñ
ËØ ·Ö ¿ª.
cellpadding
ÌØ ÐÔ Ö¸ ¶¨ µ¥ Ôª µÄ ¶¥ Ôµ ºÍ β Ôµ Óë µ¥ Ôª ÄÚ ÈÝ ÒÔ 10% ÔÊ Ðí µÄ ´¹ Ö±
¿Õ ¼ä ·Ö ¿ª (×Ü Êý Ϊ 20%). Àà ËÆ µÄ, µ¥ Ôª µÄ ×ó Ôµ ºÍ ÓÒ Ôµ ½« Óë ÄÚ
ÈÝ ½« ÒÔ 10% ÔÊ Ðí µÄ Ë® ƽ ¿Õ ¼ä ·Ö ¿ª (×Ü Êý Ϊ 20%).
<TABLE>
<TR cellspacing="20"> <TD>Data1 <TD cellpadding="20%">Data2 <TD>Data3
</TABLE>
Èç ¹û ±í ¸ñ »ò ¸ø ¶¨ Êú ÁÐ ÊÇ ×é ºÏ ¿í ¶È µÄ,
cellspacing
ºÍ
cellpadding ¿É ÄÜ
Òª Çó ±È Éè ¶¨ Öµ ¸ü ´ó µÄ ¿Õ ¼ä. ÎÒ ÃÇ ½¨ Éè Óà »§ ´ú Àí Æ÷ ÔÚ ³ö ÏÖ ³å
Í» ʱ ¸ø Óè Õâ Щ ÌØ ÐÔ ±È
width ÌØ ÐÔ ¸ü ¶à µÄ ÓÅ ÏÈ È¨, µ« Õâ
²» ÊÇ ±Ø Òª Ìõ ¼þ.
һЩ±í¸ñÀý³Ì
Ï Ãæ µÄ ±í ¸ñ Àý ³Ì ¾Ù Àý ˵ Ã÷ ÁË Ëù ÓÐ ±í ¸ñ Ôª ËØ µÄ ½» »¥ ×÷ ÓÃ.
Àý ³Ì 1
ÔÚ "ASCII ÒÕ Êõ" ÖÐ, ÓÐ Èç Ï µÄ ±í ¸ñ:
<TABLE border="border">
<CAPTION>Ò»¸öµ¥ÔªºÏ²¢²âÊÔ±í¸ñ</CAPTION>
<TR><TH rowspan=2><TH colspan="2">ƽ¾ù
<TH rowspan="2">ÆäËü<BR>Ŀ¼<TH>×ÛºÏ
<TR><TH>¸ß<TH>ÖØ
<TR><TH align="left">ÄÐÐÔ<TD>1.9<TD>0.003
<TR><TH align="left" rowspan="2">Å®ÐÔ<TD>1.7<TD>0.002
</TABLE>
½« ±» Èç Ï äÖ È¾:
Ò»¸öµ¥ÔªºÏ²¢²âÊÔ±í¸ñ
/--------------------------------------------------\
| | ƽ¾ù | ÆäËü | ×ÛºÏ |
| |-------------------| Ŀ¼ |--------|
| | ¸ß | ÖØ | | |
|------------------------------- ---------|--------|
| ÄÐÐÔ | 1.9 | 0.003 | | |
|-----------------------------------------|--------|
| Å®ÐÔ | 1.7 | 0.002 | | |
\--------------------------------------------------/
ÔÚ Äã µÄ ä¯ ÀÀ Æ÷ ÉÏ, Õâ ¸ö ±í ¸ñ ¿´ ÉÏ È¥ Èç ´Ë:
Ò»¸öµ¥ÔªºÏ²¢²âÊÔ±í¸ñÖÐ
|
ƽ¾ù |
ÆäËü
Ŀ¼ |
×ÛºÏ |
| ¸ß |
ÖØ |
| ÄÐÐÔ |
1.9 |
0.003 |
| Å®ÐÔ |
1.7 |
0.002 |
Àý³Ì 2
Õâ ¸ö Àý ³Ì ¾Ù Àý ˵ Ã÷ ÁË ºá ÐÐ ºÍ Êú ÁÐ µÄ ×é. Õâ ¸ö Àý ³Ì. Õâ ¸ö Àý
³Ì Òý ×Ô "Éè ¼Æ ¹ú ¼Ê »¯ Èí ¼þ (Developing International Software)", ×÷
Õß Nadine Kano.
ÔÚ "ASCII ÒÕ Êõ" ÖÐ, ÓÐ Èç Ï µÄ ±í ¸ñ:
<TABLE border="2" frame="hsides" rules="groups">
<CAPTION>CODE-PAGE SUPPORT IN MICROSOFT WINDOWS</CAPTION>
<COLGROUP align="center">
<COLGROUP align="left">
<COLGROUP align="center" span="2">
<COLGROUP align="center" span="3">
<THEAD valign="top">
<TR>
<TH>Code-Page<br>ID
<TH>Name
<TH>ACP
<TH>OEMCP
<TH>Windows<br>NT 3.1
<TH>Windows<br>NT 3.51
<TH>Windows<br>95
<TBODY>
<TR><TD>1200<TD>Unicode (BMP of ISO/IEC-10646)<TD><TD><TD>X<TD>X<TD>*
<TR><TD>1250<TD>Windows 3.1 Eastern European<TD>X<TD><TD>X<TD>X<TD>X
<TR><TD>1251<TD>Windows 3.1 Cyrillic<TD>X<TD><TD>X<TD>X<TD>X
<TR><TD>1252<TD>Windows 3.1 US (ANSI)<TD>X<TD><TD>X<TD>X<TD>X
<TR><TD>1253<TD>Windows 3.1 Greek<TD>X<TD><TD>X<TD>X<TD>X
<TR><TD>1254<TD>Windows 3.1 Turkish<TD>X<TD><TD>X<TD>X<TD>X
<TR><TD>1255<TD>Hebrew<TD>X<TD><TD><TD><TD>X
<TR><TD>1256<TD>Arabic<TD>X<TD><TD><TD><TD>X
<TR><TD>1257<TD>Baltic<TD>X<TD><TD><TD><TD>X
<TR><TD>1361<TD>Korean (Johab)<TD>X<TD><TD><TD>**<TD>X
<TBODY>
<TR><TD>437<TD>MS-DOS United States<TD><TD>X<TD>X<TD>X<TD>X
<TR><TD>708<TD>Arabic (ASMO 708)<TD><TD>X<TD><TD><TD>X
<TR><TD>709<TD>Arabic (ASMO 449+, BCON V4)<TD><TD>X<TD><TD><TD>X
<TR><TD>710<TD>Arabic (Transparent Arabic)<TD><TD>X<TD><TD><TD>X
<TR><TD>720<TD>Arabic (Transparent ASMO)<TD><TD>X<TD><TD><TD>X
</TABLE>
½« ±» Èç Ï äÖ È¾:
CODE-PAGE SUPPORT IN MICROSOFT WINDOWS
===============================================================================
Code-Page | Name | ACP OEMCP | Windows Windows Windows
ID | | | NT 3.1 NT 3.51 95
-------------------------------------------------------------------------------
1200 | Unicode (BMP of ISO 10646) | | X X *
1250 | Windows 3.1 Eastern European | X | X X X
1251 | Windows 3.1 Cyrillic | X | X X X
1252 | Windows 3.1 US (ANSI) | X | X X X
1253 | Windows 3.1 Greek | X | X X X
1254 | Windows 3.1 Turkish | X | X X X
1255 | Hebrew | X | X
1256 | Arabic | X | X
1257 | Baltic | X | X
1361 | Korean (Johab) | X | ** X
-------------------------------------------------------------------------------
437 | MS-DOS United States | X | X X X
708 | Arabic (ASMO 708) | X | X
709 | Arabic (ASMO 449+, BCON V4) | X | X
710 | Arabic (Transparent Arabic) | X | X
720 | Arabic (Transparent ASMO) | X | X
===============================================================================
ÔÚ Äã µÄ Óà »§ ´ú Àí Æ÷ ÉÏ, Ëü ½« Èç ÏÂ:
CODE-PAGE SUPPORT IN MICROSOFT WINDOWS
Code-Page
ID |
Name |
ACP |
OEMCP |
Windows
NT 3.1 |
Windows
NT 3.51 |
Windows
95 |
| 1200 |
Unicode (BMP of ISO/IEC-10646) |
|
|
X |
X |
* |
| 1250 |
Windows 3.1 Eastern European |
X |
|
X |
X |
X |
| 1251 |
Windows 3.1 Cyrillic |
X |
|
X |
X |
X |
| 1252 |
Windows 3.1 US (ANSI) |
X |
|
X |
X |
X |
| 1253 |
Windows 3.1 Greek |
X |
|
X |
X |
X |
| 1254 |
Windows 3.1 Turkish |
X |
|
X |
X |
X |
| 1255 |
Hebrew |
X |
|
|
|
X |
| 1256 |
Arabic |
X |
|
|
|
X |
| 1257 |
Baltic |
X |
|
|
|
X |
| 1361 |
Korean (Johab) |
X |
|
|
** |
X |
| 437 |
MS-DOS United States |
|
X |
X |
X |
X |
| 708 |
Arabic (ASMO 708) |
|
X |
|
|
X |
| 709 |
Arabic (ASMO 449+, BCON V4) |
|
X |
|
|
X |
| 710 |
Arabic (Transparent Arabic) |
|
X |
|
|
X |
| 720 |
Arabic (Transparent ASMO) |
|
X |
|
|
X |
Õâ ¸ö Àý ³Ì ¾Ù Àý ˵ Ã÷ ÁË
COLGROUP
Èç ºÎ ±» Óà À´ ¶Ô Êú ÁÐ ±à ×é ²¢ Éè Öà ȱ Ê¡ µÄ Êú ÁÐ ¶Ô Æë ·½ ʽ. Àà ËÆ
µÄ,
TBODY ±» Óà À´ ¶Ô ºá
ÐÐ ³É ×é.
frame ºÍ
rules
ÌØ ÐÔ ¸æ Ëß Óà »§ ´ú Àí Æ÷ Èç ºÎ äÖ È¾ ¿ò Ïß ºÍ Ïß Ìõ.
