ÔÚ Õâ ¸ö ±í ¸ñ Ä£ °å ÖÐ, ºá ÐÐ ºÍ Êú ÁÐ ¿É ÒÔ
»¥ Ïà ³É ×é. Õâ ¸ö ±í ¸ñ µÄ ×é ºÏ ´« ËÍ ½á ¹¹ ¿É ÒÔ ±» Óà »§ ´ú
Àí Æ÷ ×÷ Ç¿ µ÷ ½á ¹¹ äÖ È¾.
ºá ÐÐ ×é ÔÚ ´ó ÐÍ ±í ¸ñ ÖÐ ÓÐ Ò» ¶¨ µÄ Óà ´¦. ÖÇ ÄÜ »¯ µÄ ÓÃ
»§ ´ú Àí Æ÷ ¿É ÒÔ ÔÊ Ðí ÔÚ ÆÁ Ä» ÉÏ ±£ Áô Í· ºÍ β ЊϢ À´ ¹ö
¶¯ ±í ¸ñ. Ïà ËÆ µÄ, µ± ³¤ µÄ ±í ¸ñ ±» ´ò Ó¡ ʱ, °ü º¬ ±í ¸ñ Êý
¾Ý µÄ Í· ºÍ β ЊϢ ÔÚ Ã¿ Ò³ ÉÏ ¶¼ ±» ÖØ ¸´.
±í¸ñ½á¹¹
Ò» ¸ö 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>
TheCOL 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: TheTR
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
ÌØ ÐÔ ¸æ Ëß Óà »§ ´ú Àí Æ÷ Èç ºÎ äÖ È¾ ¿ò Ïß ºÍ Ïß Ìõ.