W3C11 Ç¥(table)Trio ȨÆäÀÌÁö
¸ñÂ÷
  1. Ç¥(table)ÀÇ ¼Ò°³
  2. Ç¥¸¦ ±¸¼ºÇÏ´Â ¿¤·¹¸àÆ®
    1. TABLE ¿¤·¹¸àÆ®
    2. Ç¥ÀÇ Á¦¸ñ(caption): CAPTION ¿¤·¹¸àÆ®
    3. ¿­(row) ±¸·ì: THEAD, TFOOT, TBODY ¿¤·¹¸àÆ®
    4. Ä÷³(column) ±¸·ì: COLGROUP, COL ¿¤·¹¸àÆ®
    5. Ç¥ÀÇ ¿­(row): TR ¿¤·¹¸àÆ®
    6. Ç¥ÀÇ ¼¿(cell): TH, TD ¿¤·¹¸àÆ®
  3. º¸´Â »ç¿ëµµ±¸¿¡ ÀÇÇÑ Ç¥ ¾ç½ÄÈ­
    1. Å׵θ®(border)¿Í ÁÙ(rule)
    2. ¼öÆò, ¼öÁ÷ Á¤·Ä
    3. ¼¿ÀÇ ¸¶Áø(margin)
  4. º¸ÀÌÁö ¾Ê´Â »ç¿ëµµ±¸¿¡ ÀÇÇÑ Ç¥ÀÇ Ç¥Çö
    1. µ¥ÀÌÅÍ ¼¿(cell)°ú °ü·Ã µÈ Çì´õ(header) Á¤º¸
    2. ¼¿µéÀÇ Ä«Å×°í¸®È­
    3. Çìµù Á¤º¸¸¦ ã´Â ±â´É(algorithm)
  5. Ç¥ÀÇ ¿¹Á¦

11.1 Ç¥(table)ÀÇ ¼Ò°³

HTML Ç¥(table) ¸ðµ¨Àº Á¦ÀÛÀÚ¿¡°Ô µ¥ÀÌÅ͸¦ ÁÙ(low)°ú Ä÷³(column)ÀÇ ¼¿(cell)µé¿¡, ÅؽºÆ®, ¾ç½ÄÈ­ µÈ ÅؽºÆ®, À̹ÌÁö, ¿¬°á, Æû(form), Æû ÈÙµå(field), ´Ù¸¥ Ç¥(table), µîÀ¸·Î, Á¤µ· ÇÒ ¼ö ÀÖ°Ô ÇÑ´Ù.

°¢ Ç¥´Â °ü·Ã µÈ ±× Ç¥ÀÇ ¸ñÀûÀ» °£´ÜÇÏ°Ô ±â¼úÇÏ´Â Á¦¸ñ(CAPTION ¿¤·¹¸àÆ® ÂüÁ¶)À» °¡Áú ¼ö ÀÖ´Ù. summary(¿ä¾à) ¾ÖÆ®¸®ºäÆ®¸¦ ÅëÇÏ¿© À½¼º ¶Ç´Â Á¡ÀÚ »ç¿ëµµ±¸¸¦ »ç¿ëÇÏ´Â »ç¶÷µéÀÇ Æí¸®¼ºÀ» À§ÇÏ¿© ±ä ¹®Àåµµ ±âÀç ÇÒ ¼ö ÀÖ´Ù.

Ç¥(table)ÀÇ ¿­(row)µéÀº THEAD, TFOOT¿Í TBODY ¿¤·¹¸àÆ®·Î ÇØ´çÇÏ´Â ¸Ó¸®±Û(head), ¹Ù´Ú±Û(foot), º»Ã¼(body)·Î ±¸·ì Áö¿ï ¼ö ÀÖ´Ù. ¿­ ±¸·ìÀº Ãß°¡ÀûÀÎ ±¸Á¶Àû Á¤º¸¸¦ Àü´Þ ÇÒ ¼ö ÀÖÀ¸¸ç, »ç¿ëµµ±¸´Â ÀÌ ±¸Á¶¸¦ °­Á¶ÇÏ¿© Ç¥Çö ÇÒ ¼ö ÀÖ´Ù. »ç¿ëµµ±¸´Â ¸Ó¸®±Û, ¹Ù´Ú±Û°ú´Â µ¶¸³ÀûÀ¸·Î º»Ã¼ Ç׸ñµéÀ» ±¼¸®¸ç(scrolling) º¼¼ö ÀÖµµ·Ï, ¸Ó¸®±Û, ¹Ù´Ú±Û, º»Ã¼·Î ºÐ¸®ÇÏ¿© Ç¥Çö ÇÒ ¼ö ÀÖ´Ù. ±ä Ç¥¸¦ Àμâ ÇÒ ¶§, ÀÌ Ç¥ÀÇ µ¥ÀÌÅ͸¦ °®´Â °¢ ÆäÀÌÁö¿¡ ¸Ó¸®±Û°ú ¹Ù´Ú±ÛÀ» ¹Ýº¹ÇÏ¿© Àμâ ÇÒ ¼ö ÀÖ°Ô ÇÑ´Ù.

Á¦ÀÛÀÚ´Â ¶ÇÇÑ »ç¿ëµµ±¸°¡ »ç¿ë ÇÒ ¼ö ÀÖ´Â Ãß°¡ÀûÀÎ ±¸Á¶Àû Á¤º¸¸¦ Á¦°øÇϱâ À§ÇÏ¿© Ä÷³±¸·ìÀ» ÁöÁ¤ ÇÒ ¼ö ÀÖ´Ù. Á¦ÀÛÀÚ´ÂÃß°¡ÀûÀ¸·Î COLGROUP, COL ¿¤·¹¸àÆ®¸¦ ÅëÇÏ¿©, Ç¥ÀÇ Á¤ÀÇ°¡ ½ÃÀ۵Ǵ °÷¿¡¼­, »ç¿ëµµ±¸°¡ ¸ðµç Ç¥ÀÇ µ¥ÀÌÅÍ°¡ µµÂøÇϱâ Àü¿¡ Ç¥ÇöÇÏ´Â ´ë½Å, Á¡ÁøÀûÀ¸·Î Ç¥½Ã ÇÒ ¼ö ÀÖµµ·Ï Ä÷³ÀÇ Æ¯¼ºµéÀ» ÁöÁ¤ ÇÒ ¼ö ÀÖ´Ù.

Ç¥ÀÇ ¼¿(cell)µé¿¡´Â ¸Ó¸´±Û(TH: table header ¿¤·¹¸àÆ®) Á¤º¸³ª µ¥ÀÌÅÍ(TD: table data ¿¤·¹¸àÆ®)¸¦ °¡Áú ¼ö ÀÖ´Ù. ¼¿µéÀº º¹¼öÀÇ ÁÙµé°ú Ä÷³µéÀ» °¡Áú ¼ö ÀÖ´Ù. HTML 4 Ç¥ ¸ðµ¨Àº Á¦ÀÛÀÚ°¡ º¸ÀÌÁö ¾Ê´Â(non-visual) »ç¿ëµµ±¸°¡ ¼¿¿¡ ´ë ÇÑ ¸Ó¸®±Û Á¤º¸¸¦ »ç¿ëÀÚ¿¡°Ô ´õ ½±°Ô ¾Ë¸®±â À§ÇÏ¿©, °¢ ¼¿¿¡ À̸§(label)À» ºÙÀÌ´Â °ÍÀ» Çã¿ëÇÑ´Ù. ÀÌ ±â´ÉµéÀº ½Ã·Â Àå¾ÖÀÚµéÀ» Å©°Ô µµ¿ï »Ó ¾Æ´Ï¶ó, Á¦ÇÑ µÈ µð½ºÇ÷¹ÀÌ ´É·ÂÀ» °¡Áö°í ÀÖ´Â º¹¼ö ¾ç½ÄÀÇ ¹«¼± ºÎ¶ó¿ìÀú(¿¹: À¥¿¡¼­ »ç¿ëÇÏ´Â ÆäÀÌÀú³ª ÀüÈ­)¿¡¼­ Ç¥¸¦ ´Ù·ê ¼ö ÀÖ°Ô ÇÑ´Ù.

Ç¥´Â º¸ÀÌÁö ¾Ê´Â ¸Þµð¾Æ¸¦¿¡¼­ ¹®¼­¸¦ Ç¥Çö ÇÒ ¶§, ¹®Á¦¸¦ ÀÏÀ¸Å³ ¼ö ÀÖÀ¸¹Ç·Î, ¹®¼­ ³»¿ëÀÇ ¹èÄ¡ ¸¸À» À§ÇÏ¿© »ç¿ëÇؼ­´Â ¾ÊµÈ´Ù. ¶ÇÇÑ ±×·¡Çȵé°ú °°ÀÌ »ç¿ë µÉ ¶§, À̵é Ç¥´Â »ç¿ëÀÚ°¡ ´õ ³ÐÀº È­¸éÀ» À§ÇÏ¿© Á¦ÀÛ µÈ Ç¥¸¦ º¸±â À§ÇØ, ¼öÆòÀ¸·Î È­¸éÀ» ±¼¸®¸é¼­(scroll) º¸µµ·Ï °­¿ä ¹ÞÀ» ¼ö ÀÖ´Ù. ¹®Á¦Á¡À» ÃÖ¼ÒÈ­ Çϱâ À§Çؼ­, Á¦ÀÛÀÚ´Â ¹èÄ¡¸¦ Á¦¾îÇϱâ À§ÇØ Ç¥ ´ë½Å ½ºÅ¸ÀϽ¬Æ®¸¦ »ç¿ëÇÏ¿©¾ß ÇÑ´Ù.

ÁÖ¼®: ÀÌ ±Ô°Ý¿¡´Â Ç¥¿¡ ´ë ÇÑ ´õ »ó¼¼ ÇÑ Á¤º¸, Ç¥ÀÇ ÇÕ¸®Àû ¼³°è¿Í ÀÀ¿ëÀÌ Æ÷ÇÔ µÇ¾îÀÖ´Ù.

HTML Ç¥ ¸ðµ¨ÀÇ ±â´ÉµéÀ» °£´ÜÈ÷ ¼³¸íÇÏ´Â ¿¹Á¦¿¡¼­ Ç¥¸¦ Á¤ÀÇÇÑ´Ù.

<TABLE border="1"  width="50%"
 summary="ÀÌ Ç¥´Â °ú½Ç Æĸ®¿¡ ´ë ÇÑ Åë°è ¼öÄ¡µéÀ» º¸¿© ÁØ´Ù.
   Æò±Õ ½ÅÀå, üÁß, ºÓÀº ´«ÀÇ ±¸¼º ¹éºÐÀ²(¾Ï, ¼ö ¸ðµÎ).">
<CAPTION><EM>º´ÇÕ µÈ ¼¿À» °®´Â ½ÇÇè Ç¥</EM></CAPTION>
<TR><TH rowspan="2"><TH colspan="2">Æò±Õ
   <TH rowspan="2">ºÓÀº<BR>´«
<TR><TH>±æÀÌ<TH>üÁß
<TR><TH>¼ý³ð<TD>1.9<TD>0.003<TD>40%
<TR><TH>¾Ï³ð<TD>1.7<TD>0.002<TD>43%
</TABLE>

ÀÌ´Â Å͹̳¯(tty)¿¡¼­ ´ÙÀ½°ú °°ÀÌ Ç¥Çö µÉ °ÍÀÌ´Ù.

         º´ÇÕ µÈ ¼¿À» °®´Â ½ÇÇè Ç¥
   --------------------------------------
   |       |       Æò±Õ      |  ºÓÀº    |
   |       |-----------------|  ´«      |
   |       |  ±æÀÌ  |  üÁß  |          |
   |------------------------------------|
   | ¼ý³ð  | 1.9     | 0.003  |  40%    |
   |------------------------------------|
   | ¾Ï³ð  | 1.7     | 0.002  |  43%    |
   --------------------------------------
±ÍÇÏÀÇ ºê¶ó¿ìÀú¿¡¼­
º´ÇÕ µÈ ¼¿À» °®´Â ½ÇÇè Ç¥
 Æò±Õ ºÓÀº
´«
±æÀÌüÁß
¼ý³ð1.90.00340%
¾Ï³ð1.70.00243%

¶Ç´Â ÀϹÝÀûÀÎ ±×·¡ÇÈ »ç¿ëµµ±¸·Î º¸¸é(¿µ¾î ¿ø¹® ±×·¡ÇÈ)

º´ÇÕ µÈ ¼¿À» °®´Â ½ÇÇè Ç¥(¿µ¾î ¿ø¹® ±×·¡ÇÈ)

11.2 Ç¥(table)¸¦ ±¸¼ºÇÏ´Â ¿¤·¹¸àÆ®

11.2.1 TABLE ¿¤·¹¸àÆ®

<!ELEMENT TABLE - -
    (CAPTION?, (COL* | COLGROUP*), THEAD?, TFOOT?, TBODY+)>
<!ATTLIST TABLE                      -- Ç¥(table) ¿¤·¹¸àÆ® --
 %attrs;                            -- %coreattrs, %i18n, %events --
 summary     %Text;       #IMPLIED  -- ¸ñÀû/À½¼º Ãâ·ÂÀÇ ±¸Á¶ --
 width       %Length;     #IMPLIED  -- Ç¥ÀÇ ³Êºñ --
 border      %Pixels;     #IMPLIED  -- Ç¥ÀÇ Å׵θ® Á¦¾î --
 frame       %TFrame;     #IMPLIED
	-- ÇÁ·¹ÀÓ(frame)ÀÇ ¾î´ÀºÎºÐÀ» Ç¥½Ã ÇÒ °ÍÀΰ¡ --
 rules       %TRules;     #IMPLIED  -- ¿­(row)°ú Ä÷³(col) »çÀÌÀÇ ÁÙ(ruling)--
 cellspacing %Length;     #IMPLIED  -- ¼¿(cell) »çÀÌÀÇ °£°Ý --
 cellpadding %Length;     #IMPLIED  -- ¼¿ ¾È¿¡¼­ÀÇ °£°Ý --
>

½ÃÀÛű×: ÇÊ¿ä ÇÔ, Á¾·áű×: ÇÊ¿ä ÇÔ

¾ÖÆ®¸®ºäÆ®ÀÇ Á¤ÀÇ

summary = text [´ë¼Ò¹®ÀÚ ±¸º°: CS]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â Ç¥ÀÇ ¸ñÀûÀ̳ª, À½¼º, Á¡ÀÚµî º¸ÀÌÁö ¾Ê´Â ¸Þµð¾Æ Ç¥ÇöÀÇ ±¸Á¶¸¦ Á¦°øÇÑ´Ù.
align = left | center | right [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ºÒ·®ÇÑ °ÍÀÌ´Ù. ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¹®¼­¿¡¼­ Ç¥ÀÇ À§Ä¡¸¦ ÁöÁ¤Çϸç Çã¿ë µÈ °ªÀº:
  • left: ¿ÞÂÊ Á¤·Ä.
  • center: Áß¾Ó Á¤·Ä.
  • right: ¿À¸¥ÂÊ Á¤·Ä.
width = length [´ë¼Ò¹®ÀÚ Á߸³: CN]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â º¸´Â »ç¿ëµµ±¸¸¦ À§ÇÏ¿© Ç¥ÀÇ ¿øÇÏ´Â Àüü ³Êºñ¸¦ ÁöÁ¤ÇÑ´Ù. ±× °ªÀÌ ¹éºÐÀ²ÀÌ¸é »ç¿ëµµ±¸ÀÇ Àüü »ç¿ë °¡´ÉÇÑ Ã¢ÀÇ ¼öÆò ³Êºñ¿¡ ´ëÇÑ »ó´ëÀûÀÎ °ªÀÌ´Ù. ³Êºñ °ªÀÌ ¾øÀ¸¸é Ç¥ÀÇ ³Êºñ¸¦ »ç¿ëµµ±¸°¡ °áÁ¤ÇÑ´Ù.
´Ù¸¥ °÷¿¡¼­ Á¤ÀÇ µÈ ¾ÖÆ®¸®ºäÆ®

TABLE ¿¤·¹¸àÆ®´Â Á¦¸ñ(caption), ¿­(row), ³»¿ë(content), ¾ç½Ä(format)À» ÁöÁ¤ÇÏ´Â ¸ðµç ´Ù¸¥ ¿¤·¹¸àÆ®µéÀ» Æ÷ÇÔÇÑ´Ù.

´ÙÀ½ Âü°í ¸ñ·ÏÀº »ç¿ëµµ±¸°¡ Ç¥¸¦ Ç¥Çö ÇÒ ¶§ ¼öÇàÇÏ´Â ÀÛµ¿¿¡ ´ëÇÏ¿© ¼³¸íÇÏ¿´´Ù.

HTMLÀÇ Ç¥(table) ¸ðµ¨Àº, Á¦ÀÛÀÚÀÇ µµ¿òÀ» ¹Þ¾Æ, »ç¿ëµµ±¸°¡ ¸ðµç Ç¥ÀÇ µ¥ÀÌÅÍ°¡ µµÂø ÇÑ ÈÄ¿¡ Ç¥ÇöÇÏ´Â ´ë½Å, µµ´Þ ÇÑ ÁÙ º°·Î Á¡ÁøÀûÀ¸·Î Ç¥½Ã ÇÒ ¼ö ÀÖµµ·Ï ¼³°è µÇ¾ú´Ù.

»ç¿ëµµ±¸°¡ Ç¥ÀÇ ¾ç½ÄÈ­¸¦ ´Ü¹ø¿¡ ÇÏ°Ô ÇÏ·Á¸é, Á¦ÀÛÀÚ´Â »ç¿ëµµ±¸¿¡°Ô ´ÙÀ½ »çÇ×À» ¾Ë·Á ÁÖ¾î¾ßÇÑ´Ù.

´õ Á¤È®È÷ ¸»Çϸé, »ç¿ëµµ±¸´Â Ä÷³ ³Êºñ°¡ COLGROUP°ú COL ¿¤·¹¸àÆ®ÀÇ Á¶ÇÕÀ¸·Î ÁöÁ¤ µÇ¾úÀ¸¸é Ç¥¸¦ ´Ü¹ø¿¡ Ç¥½Ã ÇÒ ¼ö ÀÖ´Ù. ¸¸ÀÏ Ä÷³µé Áß¿¡ »ó´ëÀû °ªÀ̳ª ¹éºÐÀ²(Ä÷³ÀÇ ³Êºñ °è»ê ÂüÁ¶)·Î ³Êºñ°¡ ÁöÁ¤ µÈ °ÍÀÌ ÀÖÀ¸¸é, Á¦ÀÛÀڴ ǥ ÀüüÀÇ ³Êºñ¸¦ °áÁ¤ÇÏ¿©¾ß ÇÑ´Ù.

Ç¥ÀÇ ¹æÇ⼺(directionality)

Ç¥ÀÇ ¹æÇ⼺Àº ¿ø·¡ÀÇ ¹æÇ⼺(µðÆúÆ®´Â left-to-right) À̰ųª TABLE ¿¤·¹¸àÆ®ÀÇ dir ¾ÖÆ®¸®ºäÆ®¿¡¼­ ÁöÁ¤ ÇÑ ¹æÇâÀÌ´Ù.

¿ÞÂÊ¿¡¼­ ¿À¸¥ÂÊÀ¸·Î(left-to-right)ÀÇ Ç¥¿¡¼­ Ä÷³ zero´Â ¿ÞÂÊÀÌ°í, ¿À¸¥ÂÊ¿¡¼­ ¿ÞÂÊÀ¸·Î(right-to-left)ÀÇ Ç¥¿¡¼­ Ä÷³ zero´Â ¿À¸¥ÂÊÀ̸ç, ¿­(row) zero´Â ¸ÇÀ§(top)ÀÌ´Ù.

»ç¿ëµµ±¸°¡ Ãß°¡ÀûÀÎ ÁÙ¿¡ ¼¿À» ¹èÁ¤Çϸé Ç¥ÀÇ (Ä÷³ °¹¼ö °è»ê ÂüÁ¶), Ãß°¡ÀûÀÎ ¼¿Àº ¿ÞÂÊ¿¡¼­ ¿À¸¥ÂÊÀ¸·ÎÀÇ Ç¥¿¡¼­´Â ¿À¸¥ÂÊ¿¡, ¿À¸¥ÂÊ¿¡¼­ ¿ÞÂÊÀ¸·ÎÀÇ Ç¥¿¡¼­´Â ¿ÞÂÊ¿¡ Ãß°¡µÈ´Ù.

TABLE ¿¤·¹¸àÆ®¿¡¼­ ¸¸ dir·Î Ä÷³µéÀÇ º¸ÀÌ´Â ¼ø¼­¸¦ ¹Ù²Ü ¼ö ÀÖ½¿¿¡ ÁÖÀÇÇ϶ó. Ç¥ÀÇ ÁÙ(TR) ¶Ç´Â Ä÷³±¸·ì(COLGROUP)¿¡¼­´Â µ¶¸³ÀûÀ¸·Î ¹æÇâÀ» ¹Ù²Ü ¼ö´Â ¾ø´Ù.

TABLE ¿¤·¹¸àÆ®¿¡¼­ dir ¾ÖÆ®¸®ºäÆ®°¡ ¼³Á¤µÇ¸é dirÀÇ ºÒ·°·¹º§ ¿¤·¹¸àÆ® Ư¼ºÀ¸·Î Ç¥ÀÇ ¼¿ ¾È¿¡¼­ÀÇ ÅؽºÆ® ¹æÇâµµ ¿µÇâÀ» ¹Þ´Â´Ù.

¿À¸¥ÂÊ¿¡¼­ ¿ÞÂÊÀ¸·Î(right-to-left)ÀÇ Ç¥¸¦ ÁöÁ¤Çϱâ À§ ÇÑ dir ¾ÖÆ®¸®ºäÆ® ¼³Á¤ ¿¹

<TABLE dir="RTL">
 ... Ç¥ÀÇ ³ª¸ÓÁö ºÎºÐ ...
</TABLE>

°³º° ¼¿(cell) ¾È¿¡¼­ÀÇ ±ÛÀÚ ¹æÇâÀº ±× ¼¿À» Á¤ÀÇÇÏ´Â ¿¤·¹¸àÆ®¿¡¼­ dir ¾ÖÆ®¸®ºäÆ®·Î º¯°æ ½Ãų ¼ö ÀÖ´Ù. ±ÛÀÚ ¹æÇâ¿¡ ´ëÇÑ Ãß°¡ Á¤º¸´Â ÅؽºÆ®ÀÇ ¹æÇ⼺(bidirectional)À» ÂüÁ¶Ç϶ó.

11.2.2 Ç¥ÀÇ Á¦¸ñ: CAPTION ¿¤·¹¸àÆ®

<!ELEMENT CAPTION  - - (%inline;)*  -- Ç¥ÀÇ Á¦¸ñ -->
<!ENTITY % CAlign "(top | bottom | left | right)">

<!ATTLIST CAPTION
 %attrs;                           -- %coreattrs, %i18n, %events --
>

½ÃÀÛű×: ÇÊ¿ä ÇÔ, Á¾·áű×: ÇÊ¿ä ÇÔ

¾ÖÆ®¸®ºäÆ®ÀÇ Á¤ÀÇ
align = top | bottom | left | right [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ºÒ·®ÇÑ °ÍÀÌ´Ù. º¸´Â »ç¿ëµµ±¸¿¡¼­ ÀÌ ¾ÖÆ®¸®ºäÆ®´Â Ç¥ÀÇ Á¦¸ñ(caption) À§Ä¡¸¦ Ç¥¿¡ »ó´ëÀûÀ¸·Î ÁöÁ¤Çϸç, °¡´ÉÇÑ °ªÀº:
  • top: Ç¥ÀÇ Á¦¸ñÀ» Ç¥ÀÇ ¸Ç À§¿¡ Ç¥½Ã. µðÆúÆ® °ªÀÓ.
  • bottom: Ç¥ÀÇ Á¦¸ñÀ» Ç¥ÀÇ ¸Ç ¾Æ·¡¿¡ Ç¥½Ã.
  • left: Ç¥ÀÇ Á¦¸ñÀ» Ç¥ÀÇ ¿ÞÂÊ¿¡ Ç¥½Ã.
  • right: Ç¥ÀÇ Á¦¸ñÀ» Ç¥ÀÇ ¿À¸¥ÂÊ¿¡ Ç¥½Ã.
´Ù¸¥ °÷¿¡¼­ Á¤ÀÇ µÈ ¾ÖÆ®¸®ºäÆ®

CAPTION ¿¤·¹¸àÆ®¸¦ ÁöÁ¤ÇÑ´Ù¸é, ±× ³»¿ëÀº ±× Ç¥ÀÇ ¼º°ÝÀ» ¼³¸íÇÏ¿©¾ß ÇÑ´Ù. CAPTION ¿¤·¹¸àÆ®´Â TABLEÀÇ ½ÃÀÛÅÂ±× ¹Ù·Î µÚ¿¡ ¸¸ Çã¿ë µÇ¸ç, ÇÑ°³ÀÇ TABLE ¿¤·¹¸àÆ®¿¡¼­ ÇϳªÀÇ CAPTION ¿¤·¹¸àÆ® ¸¸À» °¡Áú ¼ö ÀÖ´Ù.

º¸´Â »ç¿ëµµ±¸´Â ¸Ó¸®±Û°ú Á¦¸ñÀ» Åë ÇØ Ç¥ÀÇ ±¸Á¶¸¦ »¡¸® ÆľÇÇϵµ·ÏÇÑ´Ù. Á¦¸ñÀº Ç¥ÀÇ ¸ñÀûÀ» ¿ä¾àÇÏ°í ¾Èº¸´Â »ç¿ëµµ±¸¿¡ ÀÇÁ¸ÇÏ´Â »ç¶÷µé¿¡°Ô Ç¥ÀÇ ±¸Á¶¸¦ ¾Ë·Á Áִµ¥, ÀÚÁÖ Àû´çÇÏÁö ¾ÊÀº °á°ú¸¦ ÁØ´Ù.

Á¦ÀÛÀÚ´Â TABLE ¿¤·¹¸àÆ®ÀÇ summary ¾ÖÆ®¸®ºäÆ®¸¦ »ç¿ëÇÏ¿© Ç¥ÀÇ ¸ñÀûÀ» ¿ä¾àÇÏ°í ±¸Á¶ÀÇ Á¤º¸¸¦ Ãß°¡ÀûÀ¸·Î Á¦°øÇÏ´Â µ¥´Â ÁÖÀÇ ±â¿ï¿©¾ßÇÑ´Ù. ÀÌ°ÍÀº ƯÈ÷ Ç¥ÀÇ Á¦¸ñÀÌ ¾øÀ» ¶§ Áß¿äÇÏ´Ù. ¾Æ·¡ ¿¹Á¦¿¡¼­ summary ¾ÖÆ®¸®ºäÆ®ÀÇ »ç¿ëÀ» ¼³¸íÇÑ´Ù.

º¸´Â »ç¿ëµµ±¸´Â, ¿¹¸¦ µé¾î ¼öÆò Ȥ´Â ¼öÁ÷È­¸é ±¼¸®±â(scroll)¿¡ ÀÇÇÏ¿© ¸ðµç ºÎºÐ¿¡ Á¢±Ù ¼ö´ÜÀ» Á¦°øÇÏ´Â °æ¿ì ÀÌ¿Ü¿¡, Á¦¸ñÀ» Æ÷ÇÔÇÏ¿© Ç¥ ÀϺκÐÀÇ À߶óÁü(clipping)À» ÇÇÇÏ¿©¾ß ÇÑ´Ù. Á¦¸ñ(caption) ÅؽºÆ®´Â Ç¥ÀÇ ³Êºñ¿Í °°Àº ³Êºñ·Î ÀÚµ¿ ÁٹٲÞ(wrap)Çϵµ·Ï ÃßõÇÑ´Ù. ÃßõµÇ´Â ¹è¿­ ±â´É(algorithms)À» ÂüÁ¶Ç϶ó.

11.2.3 ¿­(row) ±¸·ì: THEAD, TFOOT, TBODY ¿¤·¹¸àÆ®

<!ELEMENT THEAD    - O (TR)+           -- Ç¥ ¸Ó¸®±Û(header) -->
<!ELEMENT TFOOT    - O (TR)+           -- Ç¥ ¹Ù´Ú±Û(footer) -->

½ÃÀÛű×: ÇÊ¿ä ÇÔ, Á¾·áű×: ¼±ÅÃÀû

<!ELEMENT TBODY    O O (TR)+           -- Ç¥ º»Ã¼(body) -->

½ÃÀÛű×: ¼±ÅÃÀû, Á¾·áű×: ¼±ÅÃÀû

<!ATTLIST (THEAD | TBODY | TFOOT)      -- Ç¥ÀÇ Ç׸ñ --
 %attrs;                              -- %coreattrs, %i18n, %events --
 %cellhalign;                         -- ¼¿ÀÇ ¼öÆò Á¤·Ä --
 %cellvalign;                         -- ¼¿ÀÇ ¼öÁ÷ Á¤·Ä --
>
´Ù¸¥ °÷¿¡¼­ Á¤ÀÇ µÈ ¾ÖÆ®¸®ºäÆ®

Ç¥ÀÇ ¿­(row)µéÀº THEAD, TFOOT, TBODY ¿¤·¹¸àÆ®¸¦ »ç¿ëÇÏ¿©, °¢ ÇØ´ç Ç¥ÀÇ ¸Ó¸®±Û(head), ¹Ù´Ú±Û(foot), ¶Ç´Â Çϳª ÀÌ»óÀÇ Ç¥ÀÇ º»Ã¼(body) Ç׸ñÀ¸·Î ±¸·ì Áö¿ö Áú ¼ö ÀÖ´Ù. ÀÌ ºÐ¸®´Â »ç¿ëµµ±¸°¡ ¸Ó¸®±Û, ¹Ù´Ú±Û°ú´Â º°µµ·Î È­¸é ±¼¸®±â(scroll)¸¦ Ç¥ º»Ã¼¿¡ Àû¿ë ÇÒ ¼ö ÀÖ°Ô ÇØ ÁØ´Ù. ±ä Ç¥¸¦ Àμâ ÇÒ ¶§ ¸Ó¸®±Û°ú ¹Ù´Ú±ÛÀÌ ¹Ýº¹ÇÏ¿© °¢ Ç¥ µ¥ÀÌÅÍ ÆäÀÌÁö¿¡ ÀμâµÇ°Ô ÇÒ ¼ö ÀÖ´Ù.

Ç¥ÀÇ ¸Ó¸®±Û°ú ¹Ù´Ú±ÛÀº Ç¥ÀÇ Ä÷³¿¡ ´ëÇÑ Á¤º¸¸¦ ´ã¾Æ¾ßÇÑ´Ù. Ç¥ÀÇ º»Ã¼¿¡´Â Ç¥ µ¥ÀÌÅÍÀÇ ¿­µéÀ» °¡Á®¾ßÇÑ´Ù.

THEAD, TFOOT¿Í TBODY¸¦ Æ÷ÇÔÇÏ¸é °¢ °¢Àº ¿­ ±¸·ìÀ» °¡Á®¾ßÇÑ´Ù. °¢ ¿­ ±¸·ìÀº ÃÖ¼ÒÇÑ ÇϳªÀÇ TR ¿¤·¹¸àÆ®·Î Á¤ÀǵǴ ¿­À» °¡Á®¾ßÇÑ´Ù.

¾Æ·¡ ¿¹Á¦´Â Ç¥ÀÇ ¸Ó¸®±Û, ¹Ù´Ú±Û°ú º»Ã¼ÀÇ ¼ø¼­¿Í ±¸Á¶¸¦ ¼³¸íÇÑ´Ù.

<TABLE>
<THEAD>
    <TR>... ¸Ó¸®±Û(head) Á¤º¸ ...
</THEAD>
<TFOOT>
    <TR>... ¹Ù´Ú±Û(foot)Á¤º¸ ...
</TFOOT>
<TBODY>
    <TR>... ù µ¥ÀÌÅ͵éÀÇ Ã¹Â° ¿­(row) ...
    <TR>... ù µ¥ÀÌÅ͵éÀÇ µÑ° ¿­(row) ...
</TBODY>
<TBODY>
    <TR>... µÑ° µ¥ÀÌÅ͵éÀÇ Ã¹Â° ¿­(row) ...
    <TR>... µÑ° µ¥ÀÌÅ͵éÀÇ µÑ° ¿­(row) ...
    <TR>... µÑ° µ¥ÀÌÅ͵éÀÇ ¼¼Â° ¿­(row) ...
</TBODY>
</TABLE>

TFOOT´Â TABLE Á¤ÀÇ ¾È¿¡¼­ TBODY º¸´Ù ¸ÕÀú ÀÖ¾î¾ß »ç¿ëµµ±¸°¡ ¿©·¯¹ø ³ª¿Ã ¼ö ÀÖ´Â µ¥ÀÌÅÍÀÇ ÁÙµéÀÌ ´Ù ³ª¿À±â Àü¿¡ ¹Ù´Ú±ÛÀ» Ç¥½Ã ÇÒ ¼ö ÀÖ´Ù. ´ÙÀ½¿¡¼­ ¾î¶² űװ¡ ÇÊ¿äÇÏ°í ¾îµð¿¡¼­ »ý·« ÇÒ ¼ö Àִ°¡¸¦ ¿ä¾àÇÏ¿´´Ù.

HTML ±Ô°Ý¿¡ ¸Â´Â »ç¿ëµµ±¸´Â ÀÌÀü ¹öÀüÀÇ Àû¿ë¼º ¶§¹®¿¡ ÀÌ ±ÔÄ¢À» µû¶ó¾ßÇÑ´Ù.

¾Õ ¿¹Á¦ÀÇ Ç¥´Â Á¾·áű׸¦ ¾Æ·¡¿Í °°ÀÌ »ý·«ÇÏ¿© °£´ÜÈ÷ ÇÒ ¼ö ÀÖ´Ù.

<TABLE>
<THEAD>
    <TR>... ¸Ó¸®±Û(head) Á¤º¸ ...
<TFOOT>
    <TR>... ¹Ù´Ú±Û(foot)Á¤º¸ ...
<TBODY>
    <TR>... ù µ¥ÀÌÅ͵éÀÇ Ã¹Â° ¿­(row) ...
    <TR>... ù µ¥ÀÌÅ͵éÀÇ µÑ° ¿­(row) ...
<TBODY>
    <TR>... µÑ° µ¥ÀÌÅ͵éÀÇ Ã¹Â° ¿­(row) ...
    <TR>... µÑ° µ¥ÀÌÅ͵éÀÇ µÑ° ¿­(row) ...
    <TR>... µÑ° µ¥ÀÌÅ͵éÀÇ ¼¼Â° ¿­(row) ...
</TABLE>

THEAD, TFOOT¿Í TBODY Ç׸ñµéÀº °°Àº °¹¼öÀÇ Ä÷³À» °¡Á®¾ßÇÑ´Ù.

11.2.4 Ä÷³(column) ±¸·ì: COLGROUP, COL ¿¤·¹¸àÆ®

Ä÷³±¸·ìÀº Á¦ÀÛÀÚ°¡ Ç¥ ¾È¿¡¼­ ±¸Á¶ÀûÀ¸·Î ºÐ¸®(division)¸¦ ÇÒ ¼ö ÀÖ°Ô ÇÑ´Ù. Á¦ÀÛÀÚ´Â ½ºÅ¸ÀϽ¬Æ®³ª HTML ¾ÖÆ®¸®ºäÆ®(¿¹: TABLE ¿¤·¹¸àÆ®ÀÇ rules ¾ÖÆ®¸®ºäÆ®)¸¦ Åë ÇØ ÀÌ ±¸Á¶¸¦ Àߺ¸ÀÌ°Ô(highlight) ÇÒ ¼ö ÀÖ´Ù. ¿¹Á¦´Â Ä÷³±¸·ìÀ» º¸´Â Ç¥ÇöÀÇ Ç¥ °ßº»ÀÌ´Ù.

ÇÑ°³ Ç¥´Â ´ÜÀÏ ¾Ï½ÃÀû Ä÷³±¸·ì(Ä÷³À» Á¦ÇÑÇÏ´Â COLGROUP ¿¤·¹¸àÆ® ¾øÀ½), ¶Ç´Â ÇÑ°³ ÀÌ»óÀÇ ¸í½ÃÀû Ä÷³±¸·ì(°¢ °¢ÀÇ COLGROUP ¿¤·¹¸àÆ® ÀνºÅº½º(instance)¿¡ ÀÇÇÑ Á¦ÇÑ)À» °¡Áú ¼ö ÀÖ´Ù.

COL ¿¤·¹¸àÆ®´Â ±¸Á¶Àû ±¸·ì ¾øÀÌ Á¦ÀÛÀÚ°¡ º¹¼öÀÇ Ä÷³µé¿¡¼­ ¾ÖÆ®¸®ºäÆ®¸¦ °°ÀÌ »ç¿ë ÇÒ ¼ö ÀÖ°Ô ÇÑ´Ù. COL ¿¤·¹¸àÆ®ÀÇ "span"(È®Àå)Àº ¿¤·¹¸àÆ®ÀÇ °°Àº ¾ÖÆ®¸®ºäÆ®¸¦ »ç¿ëÇÏ´Â Ä÷³ÀÇ °¹¼öÀÌ´Ù.

COLGROUP ¿¤·¹¸àÆ®

<!ELEMENT COLGROUP - O (col)*          -- Ç¥ÀÇ Ä÷³(column) ±¸·ì -->
<!ATTLIST COLGROUP
 %attrs;                              -- %coreattrs, %i18n, %events --
 span        NUMBER         1         -- µðÆúÆ®: ±¸·ì¿¡¼­ Ä÷³ÀÇ °¹¼ö --
 width       %MultiLength;  #IMPLIED  -- µðÆúÆ®: COL·Î ¹­Àº ³Êºñ --
 %cellhalign;                         -- ¼¿(cell) ¾È¿¡¼­ ¼öÆò Á¤·Ä --
 %cellvalign;                         -- ¼¿ ¾È¿¡¼­ ¼öÁ÷ Á¤·Ä --
>

½ÃÀÛű×: ÇÊ¿ä ÇÔ, Á¾·áű×: ¼±ÅÃÀû

¾ÖÆ®¸®ºäÆ®ÀÇ Á¤ÀÇ

span = number [´ë¼Ò¹®ÀÚ Á߸³: CN]
0º¸´Ù Å« Á¤¼öÀ̾î¾ß ÇÏ´Â ÀÌ ¾ÖÆ®¸®ºäÆ®´Â Ä÷³±¸·ì¿¡¼­ Ä÷³ÀÇ °¹¼öÀ̸ç, ±× °ªÀº:
  • span ¾ÖÆ®¸®ºäÆ®°¡ ¾øÀ¸¸é, °¢ COLGROUPÀº ÇϳªÀÇ Ä÷³À¸·Î ±¸¼º µÈ Ä÷³±¸·ìÀ» ¸»ÇÑ´Ù.
  • ¸¸ÀÏ span ¾ÖÆ®¸®ºäÆ®ÀÇ ¼ýÀÚ(N)°¡ 0º¸´Ù Å©°Ô ¼³Á¤µÇ¸é, ÇöÀçÀÇ COLGROUP ¿¤·¹¸àÆ®´Â ±× ¼ö(N)ÀÇ Ä÷³µéÀ» °®´Â Ä÷³±¸·ìÀ» ¸»ÇÑ´Ù.

¸¸ÀÏ COLGROUP ¿¤·¹¸àÆ®°¡ Çϳª ÀÌ»óÀÇ COL ¿¤·¹¸àÆ®¸¦ °¡Áö¸é, »ç¿ëµµ±¸´Â ÀÌ ¾ÖÆ®¸®ºäÆ®¸¦ ¹«½ÃÇÏ¿©¾ß ÇÑ´Ù.

width = multi-length [´ë¼Ò¹®ÀÚ Á߸³: CN]

ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ÇöÀç Ä÷³±¸·ì °¢ Ä÷³ÀÇ ³ÊºñÀÇ µðÆúÆ®¸¦ ³ªÅ¸³½´Ù. ÀÌ ¾ÖÆ®¸®ºäÆ®´Â Ç¥ÁØ Çȼ¿¼ö(pixel), ¹éºÐÀ²°ú »ó´ëÀûÀÎ °ª ÀÌ¿Ü¿¡, Ư¼ö ¾ç½Ä "0*"¸¦ Çã¿ëÇÑ´Ù. °ª "0*"´Â Ä÷³±¸·ì¿¡¼­ °¢ Ä÷³ÀÇ ³»¿ëÀ» Ç¥ÇöÇϴµ¥ ÇÊ¿äÇÑ ÃÖ¼Ò ³Êºñµé¸¦ °®´Â´Ù´Â °ÍÀ» ÀǹÌÇÑ´Ù. ÀÌ´Â Ä÷³ÀÇ ³Êºñ¸¦ ¹Ù¸£°Ô °è»êÀÖ°Ô Çϱâ À§ÇÏ¿©, ±× Ä÷³ ÀüüÀÇ ³»¿ëÀ» ¾Ë¾Æ¾ßÇÑ´Ù´Â °ÍÀ» ¾Ï½ÃÇÑ´Ù. Á¦ÀÛÀÚ°¡ "0*"À¸·Î ¼³Á¤Çϸé, º¸´Â »ç¿ëµµ±¸¿¡¼­ Ç¥¸¦ ÇÑ ÁÙ¾¿ Á¡ÁøÀûÀ¸·Î Ç¥ÇöÇÏ´Â °ÍÀ» ¹æÇØÇÑ´Ù´Â °ÍÀ» ¾Ë¾Æ¾ßÇÑ´Ù.

ÀÌ ¾ÖÆ®¸®ºäÆ®´Â COL ¿¤·¹¸àÆ®·Î width°¡ ÁöÁ¤ µÈ Ä÷³±¸·ìÀÇ Ä÷³À» µ¤¾î ¾º¿î´Ù(overridden).

´Ù¸¥ °÷¿¡¼­ Á¤ÀÇ µÈ ¾ÖÆ®¸®ºäÆ®

COLGROUP ¿¤·¹¸àÆ®´Â ¸í½ÃÀû Ä÷³±¸·ìÀ» ¸¸µç´Ù. Ä÷³±¸·ì¿¡¼­ Ä÷³ÀÇ °¹¼ö´Â ¼­·Î °°Áö ¾ÊÀº ´ÙÀ½ µÎ°¡Áö°¡ µÉ ¼ö ÀÖ´Ù.

  1. ÀÌ ¿¤·¹¸àÆ®ÀÇ span ¾ÖÆ®¸®ºäÆ®(µðÆúÆ®: 1)´Â Ä÷´±¸·ì¿¡¼­ Ä÷³ÀÇ °¹¼ö¸¦ ÁöÁ¤ÇÑ´Ù.
  2. COLGROUPÀÇ °¢ COL ¿¤·¹¸àÆ®´Â Ä÷³±¸·ì¿¡¼­ ÇÑ°³ ÀÌ»óÀÇ Ä÷³ÀÇ °¹¼ö¸¦ ³ªÅ¸³½´Ù.

span ¾ÖÆ®¸®ºäÆ® »ç¿ëÀÇ ÀÕÁ¡Àº Á¦ÀÛÀÚ°¡ Ä÷³ ³Êºñ¿¡ ´ë ÇØ Á¤º¸¸¦ °°ÀÌ ±¸·ì Áö¿ï ¼ö ÀÖ´Ù´Â °ÍÀÌ´Ù.

±×·¡¼­ Ç¥°¡ 40°³ÀÇ Ä÷³µéÀ» °¡Áö°í ÀÖ°í, ±× °¢ °¢ÀÇ ³Êºñ°¡ 20 Çȼ¿(pixel) ¾¿À̶ó¸é:

  <COLGROUP>
     <COL width="20">
     <COL width="20">
     ... ¸ðµÎ 40 COL ¿¤·¹¸àÆ®µéÀ» ¹Ýº¹ ±âÀç ...
  </COLGROUP>

ÀÌ°ÍÀ» ¾Æ·¡¿Í °°ÀÌ ´õ ½±°Ô ¾µ ¼ö ÀÖ´Ù.

  <COLGROUP span="40" width="20"></COLGROUP>

Ä÷´±¸·ì¿¡¼­ ÇÑ°³ÀÇ Ä÷³ ¸¸ ÁöÁ¤ ÇÒ ÇÊ¿ä°¡ ÀÖÀ¸¸é(¿¹: ½ºÅ¸ÀÏ Á¤º¸¿¡¼­ ³Êºñ ÁöÁ¤ µî), Á¦ÀÛÀÚ´Â ±× Ä÷³¿¡¼­ COL ¿¤·¹¸àÆ®¸¦ »ç¿ëÇÏ¿©¾ß ÇÑ´Ù.

±×·¡¼­ À§ÀÇ ¿¹Á¦¿¡¼­ ¸¶Áö¸· Ä÷³¿¡ ƯÁ¤ ½ºÅ¸ÀÏ Á¤º¸¸¦ Àû¿ëÇÏ·Á¸é:

 <COLGROUP width="20">
     <COL span="39">
     <COL id="format-me-specially">
  </COLGROUP>

COLGROUP ¿¤·¹¸àÆ®ÀÇ width ¾ÖÆ®¸®ºäÆ®´Â ¸ðµç 40 Ä÷³µé¿¡ Ư¼ºÀ» Àû¿ëÇÑ´Ù. ù¹ø° COL ¿¤·¹¸àÆ®´Â ¾Õ¿¡ ³ª¿À´Â ¸ðµÎ °°Àº 39 Ä÷³µéÀ» ÂüÁ¶ÇÏ°í, µÎ¹ø° °ÍÀº id °ªÀ¸·Î ½ºÅ¸ÀϽ¬Æ®¸¦ ÂüÁ¶Çϵµ·Ï 40¹ø° Ä÷³À» ¼³Á¤ÇÑ´Ù.

´ÙÀ½ ¿¹Á¦¿¡´Â Ç¥´Â µÎ°³ÀÇ Ä÷³±¸·ìÀ» °®´Â´Ù. ù¹ø° Ä÷³±¸·ìÀº 10 °³ÀÇ Ä÷³µé°ú µÎ¹ø° ±¸·ìÀº 5°³ÀÇ Ä÷³µéÀ» °®´Â´Ù. ù¹ø° Ä÷³±¸·ìÀÇ °¢ Ä÷³ÀÇ µðÆúÆ® ³Êºñ´Â 50 Çȼ¿(pixel)ÀÌ´Ù. µÎ¹ø° Ä÷³±¸·ìÀÇ °¢ Ä÷³ÀÇ ³Êºñ´Â ±× Ä÷³ÀÌ ÇÊ¿ä·ÎÇÏ´Â ÃÖ¼ÒÀÇ ³ÊºñÀÌ´Ù.

 <TABLE>
   <COLGROUP span="10" width="50">
   <COLGROUP span="5" width="0*">
   <THEAD>
   <TR><TD> ...
 </TABLE>

COL ¿¤·¹¸àÆ®

<!ELEMENT COL      - O EMPTY          -- Ç¥(table)ÀÇ Ä÷³(column) -->
<!ATTLIST COL                         -- Ä÷³ ±¸·ì°ú Ư¼º --
 %attrs;                              -- %coreattrs, %i18n, %events --
 span        NUMBER         1
	-- COL ¾ÖÆ®¸®ºäÆ®ÀÇ  ¿µÇâÀ» ¹Þ´Â N°³ÀÇ Ä÷³ --
 width       %MultiLength;  #IMPLIED  -- Ä÷³ÀÇ ³Êºñ(width) ±Ô°Ý --
 %cellhalign;                         -- ¼¿(cell) ¾È¿¡¼­ÀÇ ¼öÆò Á¤·Ä --
 %cellvalign;                         -- ¼¿ ¾È¿¡¼­ÀÇ ¼öÁ÷ Á¤·Ä --
>

½ÃÀÛű×: ÇÊ¿ä ÇÔ, Á¾·áű×: »ç¿ë ±ÝÁö

¾ÖÆ®¸®ºäÆ®ÀÇ Á¤ÀÇ

span = number [´ë¼Ò¹®ÀÚ Á߸³: CN]
°ªÀÌ 0º¸´Ù Å« Á¤¼ö¸¦ °®´Â ÀÌ ¾ÖÆ®¸®ºäÆ®´Â COL ¿¤·¹¸àÆ®¿¡ ÀÇÇÏ¿© span(È®Àå)À¸·Î ¹­¿©Áø Ä÷³ÀÇ °¹¼ö¸¦ ÁöÁ¤ÇÏ°í, COL ¿¤·¹¸àÆ®ÀÇ ¾ÖÆ®¸®ºäÆ®´Â span¿¡ ÀÖ´Â ¸ðµç Ä÷³µé¿¡ °°ÀÌ Àû¿ëµÈ´Ù. µðÆúÆ® °ªÀº 1À̸ç, ±× Àǹ̴ COL ¿¤·¹¸àÆ®´Â ÇϳªÀÇ Ä÷³À» °®´Â´Ù´Â ¶æÀÌ´Ù. ¸¸ÀÏ span ¾ÖÆ®¸®ºäÆ®°¡ 1º¸´Ù Å« ¼ö NÀ¸·Î ¼³Á¤ µÇ¾ú´Ù¸é, ÇöÀç COL ¿¤·¹¸àÆ®´Â, ±× ¾ÖÆ®¸®ºäÆ®¸¦ ÁöÁ¤ µÈ °ÍÀ» Æ÷ÇÔÇÏ¿©, ´ÙÀ½ N°³ÀÇ Ä÷³µé°ú °øÀ¯ÇÏ°Ô µÈ´Ù.
width = multi-length [´ë¼Ò¹®ÀÚ Á߸³: CN]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ÇöÀç COL ¿¤·¹¸àÆ®¿¡ ÀÇÇÏ¿© È®Àå µÈ °¢ Ä÷³ÀÇ µðÆúÆ® ³Êºñ °ªÀ» ÁöÁ¤ÇÑ´Ù. COLGROUP ¿¤·¹¸àÆ®ÀÇ width ¾ÖÆ®¸®ºäÆ®¿Í °°Àº Àǹ̸¦ °®°í, ±× Ä÷´ÀÇ ¾ÖÆ®¸®ºäÆ®¸¦ µ¤¾î ¾º¿î´Ù.
´Ù¸¥ °÷¿¡¼­ Á¤ÀÇ µÈ ¾ÖÆ®¸®ºäÆ®

COL ¿¤·¹¸àÆ®´Â Á¦ÀÛÀÚ°¡ Ç¥ÀÇ Ä÷³µéÀ» ¹­¾î ±¸·ì Áö¿ìµµ·Ï ¾ÖÆ®¸®ºäÆ®¸¦ Á¤ÀÇ ÇÒ ¼ö ÀÖ°Ô ÇÑ´Ù. COLÀÌ Ä÷³µéÀ» ±¸Á¶ÀûÀ¸·Î ±¸·ìÀ¸·Î ¹­¾îÁÖÁö´Â ¾Ê´Â´Ù. ±×·¸°Ô ÇÏ´Â °ÍÀº COLGROUP ¿¤·¹¸àÆ®ÀÇ ±â´ÉÀÌ´Ù. COL ¿¤·¹¸àÆ®´Â ºñ¾î ÀÖ°í, ´ÜÁö ¾ÖÆ®¸®ºäÆ®¸¦ Áö¿ø ÇÒ »ÓÀÌ´Ù. ±×°ÍÀº ¸í½ÃÀû Ä÷³±¸·ì(¸»ÇÏÀÚ¸é COLGROUP ¿¤·¹¸àÆ®)ÀÇ ¾ÈÀ̳ª ¹Û¿¡ À§Ä¡ÇÑ´Ù.

COLÀÇ width ¾ÖÆ®¸®ºäÆ®´Â ¿¤·¹¸àÆ® È®ÀåµÈ(span) ³»ºÎ °¢ Ä÷³ÀÇ ³Êºñ¸¦ ³ªÅ¸³½´Ù.

Ç¥¿¡¼­ Ä÷³(column) °¹¼öÀÇ °è»ê

Ç¥¿¡¼­ Ä÷³ °¹¼ö¸¦ °è»êÇÏ´Â ¹æ¹ýÀº ´ÙÀ½ µÎ °¡ÁöÀÌ´Ù(¼ø¼­ ´ë·Î).

  1. ¸¸ÀÏ TABLE ¿¤·¹¸àÆ®°¡ COLGROUP ¶Ç´Â COL ¿¤·¹¸àÆ®¸¦ °¡Áö¸é, »ç¿ëµµ±¸´Â ´ÙÀ½°ú °°ÀÌ Ä÷³(column)ÀÇ °¹¼ö¸¦ °è»êÇÏ¿©¾ß ÇÑ´Ù.
  2. ¸¸ÀÏ TABLE ¿¤·¹¸àÆ®¿¡ COLGROUP ¶Ç´Â COL ¿¤·¹¸àÆ®¸¦ Æ÷ÇÔÇÏ°í ÀÖÁö ¾ÊÀ¸¸é, »ç¿ëµµ±¸´Â ¿­(row)¿¡¼­ ÇÊ¿ä·Î ÇÏ´Â Ä÷³(column)ÀÇ °¹¼ö¿¡ µû¶ó¾ßÇÑ´Ù. Ä÷³ÀÇ °¹¼ö´Â span µÈ º¹¼ö Ä÷³ÀÇ ¼¿(cell)µéÀ» Æ÷ÇÔ ÇÑ °¡Àå ¸¹Àº Ä÷³µéÀÇ ¿­¿¡ ÇÊ¿äÇÑ Ä÷³ÀÇ °¹¼ö¿Í °°´Ù. Ä÷³ÀÇ °¹¼öº¸´Ù ÀûÀº °¹¼ö¸¦ °®´Â ¿­¿¡´Â ¿­ÀÇ ³¡¿¡ ºó ¼¿(cell)ÀÌ Ãß°¡ µÇ¾î¾ß ÇÑ´Ù. ¿­ÀÇ ³¡Àº Ç¥ÀÇ ¹æÇ⼺(table directionality)¿¡ µû¶ó ´Ù¸£´Ù.

Ç¥°¡ COLGROUP ¶Ç´Â COL ¿¤·¹¸àÆ®¸¦ °¡Áö°í ÀÌ µÎ °¡Áö °è»ê °á°úÀÇ Ä÷³ °¹¼ö°¡ ´Ù¸£´Ù¸é ¿À·ùÀÌ´Ù.

ÀÏ´Ü »ç¿ëµµ±¸°¡ Ç¥ÀÇ Ä÷³ °¹¼ö¸¦ °è»ê ÇÏ¿´´Ù¸é, Ä÷³ ±¸·ìÀ¸·Î ±¸·ì Áö¿ï ¼ö ÀÖ´Ù.

´ÙÀ½ °¢ Ç¥ÀÇ ¿¹Á¦¿¡¼­, µÎ °¡Áö Ä÷³ °è»ê ¹æ½ÄÀº ¸ðµÎ ¼¼°³ÀÇ Ä÷³µéÀ» °¡Áö°ÔÇÑ´Ù. ¾ÕÀÇ ¼¼ Ç¥´Â ¿­µéÀ» ¼øÂ÷ÀûÀ¸·Î Ç¥Çö ÇÒ °ÍÀÌ´Ù.

<TABLE>
 <COLGROUP span="3"></COLGROUP>
 <TR><TD> ...
 ... ¿­(row)µé ...
</TABLE>

<TABLE>
 <COLGROUP>
   <COL>
   <COL span="2">
 </COLGROUP>
 <TR><TD> ...
 ... ¿­(row)µé ...
</TABLE>

<TABLE>
 <COLGROUP>
   <COL>
 </COLGROUP>
 <COLGROUP span="2">
 <TR><TD> ...
 ... ¿­(row)µé ...
</TABLE>

<TABLE>
 <TR>
   <TD><TD><TD>
 </TR>
</TABLE>

Ä÷³ÀÇ ³Êºñ °è»ê

Á¦ÀÛÀÚ´Â ´ÙÀ½ ¼¼ °¡Áö ¹æ¹ýÀ¸·Î Ä÷³(column)ÀÇ ³Êºñ(width)¸¦ ÁöÁ¤ ÇÒ ¼ö ÀÖ´Ù.

°íÁ¤(fixed) ³Êºñ
°íÁ¤ ³Êºñ ±Ô°ÝÀº Çȼ¿(pixel)(¿¹: width="30")·Î ÁöÁ¤µÇ¸ç, Áغñ µÈ ¿­ ´ÜÀ§·Î Ç¥ÇöÇÏ´Â Á¡ÁøÀû Ç¥ÇöÀ» °¡´ÉÇÏ°ÔÇÑ´Ù.
¹éºÐÀ²(percentage)
¹éºÐÀ² ³Êºñ ±Ô°Ý(¿¹: width="20%")Àº Ç¥ÀÇ »ç¿ë °¡´É ÇÑ ¼öÆò °ø°£(ÇöÀç ¿ÞÂÊ°ú ¿À¸¥ÂÊ ¸¶Áø »çÀÌ, À¯µ¿(float) Æ÷ÇÔ)¿¡ ´ë ÇÑ ¹éºÐÀ²·Î Ç¥½ÃÇÑ´Ù. ÀÌ °ø°£Àº Ç¥ ÀÚü¿¡ µû¶ó ´Þ¶ó Áö´Â °ÍÀÌ ¾Æ´Ï¹Ç·Î ¹éºÐÀ² ±Ô°ÝÀº Áغñ µÈ ¿­ ´ÜÀ§·Î Ç¥ÇöÇÏ´Â Á¡ÁøÀû Ç¥ÇöÀ» °¡´ÉÇÏ°Ô ÇÑ´Ù Á¡¿¡ À¯ÀÇÇ϶ó.
ºñ·ÊÀû(proportional)
ºñ·ÊÀû ³Êºñ ±Ô°Ý(¿¹: width="3*")Àº Ç¥¿¡ ÇÊ¿äÇÑ ¼öÆò °ø°£¿¡ ´ë ÇÑ ºñÀ²·Î ÁöÁ¤ÇÑ´Ù. ¸¸ÀÏ Ç¥ÀÇ ³Êºñ°¡ TABLE ¿¤·¹¸àÆ®ÀÇ width ¾ÖÆ®¸®ºäÆ®¸¦ ÅëÇØ °íÁ¤ °ªÀ¸·Î ÁöÁ¤¾úÀ¸¸é, »ç¿ëµµ±¸´Â ºñ·ÊÀû Ä÷³¿¡¼­µµ Ç¥¸¦ Áغñ µÈ ¿­ ´ÜÀ§·Î Ç¥ÇöÇÏ´Â Á¡ÁøÀû Ç¥ÇöÀ» °¡´ÉÇÏ°ÔÇÑ´Ù.

±×·¯³ª, ¸¸ÀÏ Ç¥°¡ °íÁ¤ ³Êºñ¸¦ °¡Áö°í ÀÖÁö ¾ÊÀ¸¸é, »ç¿ëµµ±¸´Â Ç¥°¡ ÇÊ¿ä·ÎÇÏ´Â ¼öÆò °ø°£À» »êÁ¤Çϱâ Àü¿¡, Ç¥ÀÇ ¸ðµç µ¥ÀÌÅ͸¦ ¹Þ¾Æ µé¿©¾ßÇÑ´Ù. ±×·¡¾ß ¸¸ °ø°£À» ºñ·ÊÀû Ä÷³¿¡ ÇÒ´ç ÇÒ ¼ö ÀÖ´Ù.

¸¸ÀÏ Á¦ÀÛÀÚ°¡ Ä÷³ÀÇ ³Êºñ Á¤º¸¸¦ ÁöÁ¤ÇÏÁö ¾ÊÀ¸¸é, »ç¿ëµµ±¸´Â ÀûÁ¤ÇÑ ºñ·ÊÀû Ä÷³ÀÇ ÇÒ´çÀ» À§Çؼ­´Â ¸ðµç Ä÷³µé¿¡ µ¥ÀÌÅÍ°¡ µµ´ÞÇϱ⸦ ±â´Ù·Á¾ß Çϱ⠶§¹®¿¡, Áغñ µÈ ¿­ ´ÜÀ§·Î Ç¥ÇöÇÏ´Â Á¡ÁøÀû Ç¥ÇöÀº ºÒ°¡´É ÇÏ´Ù.

¸¸ÀÏ Ä÷³ ³ÊºñµéÀÌ Ç¥ÀÇ ¾î¶² ¼¿¿¡ Àû¿ëÇϱ⿡ ³Ê¹« Á¼´Ù¸é, »ç¿ëµµ±¸´Â Ç¥¸¦ ´Ù½Ã ¼³Á¤ ÇÒ ¼ö ÀÖ´Ù.

¿¹Á¦ÀÇ Ç¥´Â 6°³ÀÇ Ä÷³µéÀ» °¡Áö°í ÀÖ´Ù. ù¹ø° °ÍÀº ¸í½ÃÀû Ä÷³±¸·ì¿¡ ¼ÓÇØ ÀÖÁö ¾Ê°í, ´ÙÀ½ 3°³ÀÇ Ä÷³Àº ùø° ¸í½ÃÀû Ä÷³±¸·ì¿¡, ¸¶Áö¸· 2°³ÀÇ Ä÷³Àº µÎ¹ø° ¸í½ÃÀû Ä÷³±¸·ì¿¡ ¼ÓÇØ ÀÖ´Ù. ÀÌ Ç¥´Â ºñ·ÊÀû Ä÷³ ³Êºñ·Î ÁöÁ¤µÇ¾î ÀÖÀ¸³ª, TABLE ¿¤·¹¸àÆ®ÀÇ width ¾ÖÆ®¸®ºäÆ®¿¡ °ªÀÌ ¾øÀ¸¹Ç·Î, Áغñ µÈ ¿­ ´ÜÀ§·Î Ç¥ÇöÇÏ´Â Á¡ÁøÀû Ç¥ÇöÀÌ ºÒ°¡´É ÇÏ´Ù.

º¸´Â(visual) »ç¿ëµµ±¸°¡ Ç¥ÀÇ µ¥ÀÌÅ͸¦ ¹ÞÀ¸¸é, »ç¿ë °¡´É ÇÑ ¼öÆò °ø°£Àº »ç¿ëµµ±¸¿¡ ÀÇÇÏ¿© ´ÙÀ½°ú °°ÀÌ ÇÒ´ç µÉ °ÍÀÌ´Ù. »ç¿ëµµ±¸´Â ¸Ç ¸ÕÀú 30 Çȼ¿(pixel) ¾¿ 1¹ø°ú 2¹ø Ä÷³¿¡ ÇÒ´çÇÏ°í, 3¹ø Ä÷³¿¡ ÇÊ¿äÇÑ ÃÖ¼ÒÀÇ ³Êºñ¸¦ ÇÒ´çÇÏ°í, ³ª¸ÓÁö ¼öÆò °ø°£Àº ¿©¼¸°³(2* + 1* + 3* = 6)ÀÇ °°Àº ºñÀ²·Î ³ª´µ¾îÁö°í, 4¹ø Ä÷³(2*)Àº 2°³ÀÇ ºÎºÐÀ», 5¹ø Ä÷³(1*)Àº ÇÑ°³ÀÇ ºÎºÐÀ», ±×¸®°í ¸¶Áö¸· 6¹ø Ä÷³(3*)Àº ¼¼°³ÀÇ ºÎºÐÀ» ÇÒ´ç ¹Þ´Â´Ù.

<TABLE>
 <COLGROUP>
   <COL width="30">
 <COLGROUP>
   <COL width="30">
   <COL width="0*">
   <COL width="2*">
 <COLGROUP align="center">
   <COL width="1*">
   <COL width="3*" align="char" char=":">
 <THEAD>
 <TR><TD>...
   ... ¿­(row)µé ...
</TABLE>

3¹ø Ä÷³±¸·ìÀÇ align ¾ÖÆ®¸®ºäÆ® °ªÀ» "center"·Î ¼³Á¤ÇÏ¿´´Ù. ÀÌ ±¸·ìÀÇ °¢ Ä÷³¿¡ ÀÖ´Â ¸ðµç ¼¿µéÀº ÀÌ °ªÀ» °¡Áö°Ô µÇÁö¸¸, µ¤¾î ¾º¿ï ¼ö ÀÖ´Ù. ½ÇÁ¦ÀûÀ¸·Î, ¸¶Áö¸· COLÀº Ä÷³¿¡ ÀÖ´Â °¢ ¼¿¿¡´Â ":" ±ÛÀÚ¸¦ ±âÁØÇÏ¿© Á¤·Ä µÉ °ÍÀ» Á¤ÀÇ ÇÑ °ÍÀÌ´Ù.

´ÙÀ½ Ç¥¿¡¼­ Ä÷³ ³Êºñ´Â »ç¿ëµµ±¸°¡ Áغñ µÈ ¿­ ´ÜÀ§·Î Ç¥ÇöÇÏ´Â Á¡ÁøÀû Ç¥ÇöÀÌ °¡´ÉÇϵµ·Ï ¼³Á¤ÇÏ¿´´Ù.

<TABLE width="200">
 <COLGROUP span="10" width="15">
 <COLGROUP width="*">
   <COL id="penultimate-column">
   <COL id="last-column">
 <THEAD>
 <TR><TD>...
   ... ¿­(row)µé ...
</TABLE>

¾ÕÀÇ 10°³ÀÇ Ä÷³µéÀº °¢ °¢ 15 Çȼ¿(pixel)ÀÇ ³Êºñ¸¦ °®´Â´Ù. ¸¶Áö¸· 2°³ÀÇ Ä÷³µéÀº ³ª¸ÓÁö 50 Çȼ¿ÀÇ ¹Ý ¾¿À» ¹Þ°ÔµÈ´Ù. COL ¿¤·¹¸àÆ®´Â ´ÜÁö id °ªÀ» ÀÌ ¸¶Áö¸· µÎ Ä÷³¿¡ ÁöÁ¤Çϱâ À§ÇÏ¿© »ç¿ëÇÏ¿´½¿¿¡ ÁÖÀÇÇ϶ó.

ÁÖ¼®: TABLE ¿¤·¹¸àÆ®ÀÇ width ¾ÖÆ®¸®ºäÆ®´Â ºÒ·®ÇÑ °ÍÀº ¾Æ¹ÌÁö¸¸, Á¦ÀÛÀÚ°¡ Ç¥ÀÇ ³ÊºñÀ» ÁöÁ¤Çϱâ À§ÇÏ¿© ½ºÅ¸ÀϽ¬Æ®¸¦ »ç¿ë ÇÒ °ÍÀ» ±ÇÇÑ´Ù.

11.2.5 Ç¥ÀÇ ¿­: TR ¿¤·¹¸àÆ®

<!ELEMENT TR       - O (TH | TD)+     -- Ç¥(table)ÀÇ ¿­(row) -->
<!ATTLIST TR                          -- Ç¥ÀÇ ¿­  --
 %attrs;                              -- %coreattrs, %i18n, %events --
 %cellhalign;                         -- ¼¿(cell)ÀÇ ¼öÆò Á¤·Ä --
 %cellvalign;                         -- ¼¿ÀÇ ¼öÁ÷ Á¤·Ä --
>

½ÃÀÛű×: ÇÊ¿ä ÇÔ, Á¾·áű×: ¼±ÅÃÀû

´Ù¸¥ °÷¿¡¼­ Á¤ÀÇ µÈ ¾ÖÆ®¸®ºäÆ®

TR ¿¤·¹¸àÆ®´Â Ç¥ÀÇ ¼¿µéÀÇ ¿­(row)À» À§ÇÑ ¿ë±â¿Í °°ÀÌ ÀÛ¿ëÇÑ´Ù. Á¾·áű״ »ý·« µÉ ¼ö ÀÖ´Ù.

ÀÌ ¿¹Á¦ Ç¥´Â ¼¼ ¿­(row)À» °¡Áö°í ÀÖÀ¸¸ç, °¢ ¿­Àº TR ¿¤·¹¸àÆ®·Î ½ÃÀ۵ȴÙ.

<TABLE
 summary="»ó¿øÀÇ¿øÀÌ ¼ÒºñÇÏ´Â Ä¿ÇÇÀÇ ÀÜ ¼ö, Ä¿ÇÇÀÇ Á¾·ù(Ä«ÆäÀÎ Á¦°Å ÇÑ
	 ¶Ç´Â º¸Åë)¿Í ¼³ÅÁÀ» ÷°¡Çϴ°¡¸¦ µµ½ÄÈ­ ÇÑ Ç¥ÀÌ´Ù.">
 <CAPTION>»ó¿øÀÇ¿øÀÌ ¼ÒºñÇÏ´Â Ä¿ÇÇÀÇ ÀÜ ¼ö</CAPTION>
 <TR>... ¸Ó¸®±Û ÁÙ ...
 <TR>... ùÁÙ µ¥ÀÌÅÍ ...
 <TR>... µÑ°ÁÙ µ¥ÀÌÅÍ ...
 ... Ç¥ÀÇ ³ª¸ÓÁö ºÎºÐ ...
</TABLE>

11.2.6 Ç¥(Table)ÀÇ ¼¿(cell): TH, TD ¿¤·¹¸àÆ®

<!ELEMENT (TH | TD)  - O (%flow;)*    -- Ç¥ÀÇ ¸Ó¸®±Û ¼¿(TH), µ¥ÀÌÅÍ ¼¿(TD) -->

<!-- ÀÏ¹Ý Ç¥¿¡¼­ axes ¾ÖÆ®¸®ºäÆ®º¸´Ù °£´Ü ÇÔ -->
<!ENTITY % Scope "(row | col | rowgroup | colgroup)">

<!-- TH´Â ¸Ó¸®±Û, TD´Â µ¥ÀÌÅÍÀ» À§ ÇÑ °ÍÀ̳ª, ¼¿¿¡¼­´Â µÑ´Ù TD¿Í °°ÀÌ ÀÛ¿ë -->
<!ATTLIST (TH | TD)                   -- Ç¥ÀÇ ¸Ó¸®±Û ȤÀº µ¥ÀÌÅÍ ¼¿ --
 %attrs;                              -- %coreattrs, %i18n, %events --
 abbr        %Text;         #IMPLIED  -- ¸Ó¸®±Û ¼¿ÀÇ ¾àÀÚ --
 axis        CDATA          #IMPLIED  -- °ü·Ã ¸Ó¸®±ÛÀÇ À̸§ ±¸·ì --
 headers     IDREFS         #IMPLIED  -- ¸Ó¸®±Û ¼¿ÀÇ id ¸ñ·Ï --
 scope       %Scope;        #IMPLIED  -- ¸Ó¸®±Û ¼¿ÀÇ ¹üÀ§ --
 rowspan     NUMBER         1         -- È®Àå(span) µÈ ¼¿ÀÇ ÁÙ ¼ö --
 colspan     NUMBER         1         -- È®Àå µÈ ¼¿ÀÇ Ä÷³ °¹¼ö --
 %cellhalign;                         -- ¼¿(cell)ÀÇ ¼öÆò Á¤·Ä --
 %cellvalign;                         -- ¼¿ÀÇ ¼öÁ÷ Á¤·Ä --
>

½ÃÀÛű×: ÇÊ¿ä ÇÔ, Á¾·áű×: ¼±ÅÃÀû

¾ÖÆ®¸®ºäÆ®ÀÇ Á¤ÀÇ

headers = idrefs [´ë¼Ò¹®ÀÚ ±¸º°: CS]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ÇöÀç µ¥ÀÌÅÍ ¼¿ÀÇ ¸Ó¸®±Û Á¤º¸¸¦ Á¦°øÇÏ´Â ¸Ó¸®±Û ¼¿ÀÇ ¸ñ·ÏÀ» ÁöÁ¤ÇÑ´Ù. ÀÌ ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀº °ø°£À¸·Î ºÐ¸®µÇ´Â ¼¿ À̸§ ¸ñ·ÏÀÌ´Ù. À̵éÀÇ ¼¿Àº id ¾ÖÆ®¸®ºäÆ®·Î À̸§ÀÌ ¼³Á¤µÇ¾î¾ß ÇÑ´Ù. Á¦ÀÛÀÚ´Â ÀϹÝÀûÀ¸·Î º¸ÀÌÁö ¾Ê´Â(non-visual) »ç¿ëµµ±¸°¡ Á¤º¸ µ¥ÀÌÅÍ ¼¿¿¡ ´ë ÇÑ ¸Ó¸®±Û(header)À» Ç¥Çö(¿¹: µ¥ÀÌÅÍ ¼¿µéº¸´Ù ¸ÕÀú ¸Ó¸®±Û Á¤º¸¸¦ ¸» ÇÔ)Çϴµ¥ µµ¿òÀ» ÁÖ±â À§ ÇØ, headers ¾ÖÆ®¸®ºäÆ®¸¦ »ç¿ëÇÑ´Ù. ±×·¯³ª, ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ½ºÅ¸ÀϽ¬Æ®¿Í Á¶ÇÕÇÏ¿© »ç¿ë µÉ ¼öµµ ÀÖ´Ù. scope ¾ÖÆ®¸®ºäÆ®¸¦ ÂüÁ¶Ç϶ó.
scope = scope-name [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ÇöÀçÀÇ ¸Ó¸®±Û(header) Á¤º¸¸¦ Á¦°øÇÏ´Â µ¥ÀÌÅÍ ¼¿À» ÁöÁ¤ÇÑ´Ù. ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ƯÈ÷ ´Ü¼øÇÑ Ç¥¿¡¼­ headers ¾ÖÆ®¸®ºäÆ® ´ë½Å¿¡ »ç¿ë µÉ ¼ö ÀÖ´Ù. ÀÌ ¾ÖÆ®¸®ºäÆ®°¡ ÁöÁ¤ µÉ ¶§, ´ÙÀ½ Áß ÇϳªÀÇ °ªÀ» °®´Â´Ù.
  • row: ÇöÀç ¼¿ ÀÚ½ÅÀÌ Æ÷ÇÔ µÈ ¿­¿¡¼­ ³ª¸ÓÁö ºÎºÐÀÇ Çì´õ(header) Á¤º¸¸¦ Á¦°øÇÑ´Ù. (Ç¥ÀÇ ¹æÇ⼺µµ ÂüÁ¶Ç϶ó).
  • col: ÇöÀç ¼¿ ÀÚ½ÅÀÌ Æ÷ÇÔ µÈ Ä÷´¿¡¼­ ³ª¸ÓÁö ºÎºÐÀÇ Çì´õ Á¤º¸¸¦ Á¦°øÇÑ´Ù.
  • rowgroup: ÇöÀç ¼¿ ÀÚ½ÅÀÌ Æ÷ÇÔ µÈ ¿­ ±¸·ì(row group)ÀÇ ³ª¸ÓÁö ºÎºÐÀÇ Çì´õ Á¤º¸¸¦ Á¦°øÇÑ´Ù.
  • colgroup: ÇöÀç ¼¿(cell) ÀÚ½ÅÀÌ Æ÷ÇÔ µÈ Ä÷³±¸·ì(column group)ÀÇ ³ª¸ÓÁö ºÎºÐÀÇ Çì´õ Á¤º¸¸¦ Á¦°øÇÑ´Ù.
abbr = text [´ë¼Ò¹®ÀÚ ±¸º°: CS]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¼¿ ³»¿ëÀÇ »ý·« µÈ Çü½ÄÀ» Á¦°øÇϱâ À§Çؼ­ »ç¿ëµÇ¾î¾ß Çϸç, ¼¿ÀÇ ³»¿ëÀÌ Àû´ç ÇÒ ¶§ »ç¿ëµµ±¸¿¡ ÀÇÇؼ­ Ç¥Çö µÉ ¼ö ÀÖ´Ù. »ý·« µÈ À̸§µéÀº »ç¿ëµµ±¸°¡ ¹Ýº¹Çؼ­ »ç¿ë ÇÒ ¼ö ÀÖÀ¸¹Ç·Î ª¾î¾ßÇÑ´Ù. ¿¹¸¦ µé¾î À½¼º ÇÕ¼º ÀåÄ¡´Â ¾î¶² ¼¿ÀÇ ³»¿ëÀ» ¸»Çϱâ Àü¿¡ °ü·Ã µÈ »ý·« Çì´õµéÀ» Ç¥Çö ÇÒ ¼ö ÀÖ´Ù.
axis = cdata [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¼¿À» ÇÑ ¿¬¼Ó µÈ °ø°£µé(n-dimensional space) ¾È¿¡¼­ ÁÖÃà(axes)ÀÇ Çü¼ºÀÇ °³³äÀû Ä«Å×°í¸®µé¿¡ ³ÖÀ» ¶§ »ç¿ëµÈ´Ù. »ç¿ëµµ±¸´Â »ç¿ëÀÚ°¡ À̵é Ä«Å×°í¸®µé¿¡ Á¢±Ù ÇÒ ¼ö ÀÖ°Ô ÇÑ´Ù(¿¹¸¦ µé¾î, »ç¿ëÀÚ´Â »ç¿ëµµ±¸¿¡°Ô ¾î¶² Ä«Å×°í¸®¿¡ ¼Ò¼Ó µÈ ¸ðµç ¼¿µéÀ» ¿äû(query) ÇÒ ¼ö ÀÖ°í, »ç¿ëµµ±¸´Â ¸ñÂ÷ ÇüÅ·Πǥ¸¦ Ç¥Çö ÇÒ ¼ö ÀÖ´Â µî). Ãß°¡ Á¤º¸´Â ¼¿ÀÇ Ä«Å×°í¸®È­(categorizing cells)¸¦ ÂüÁ¶Ç϶ó. ÀÌ ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀº Ä«Å×°í¸® À̸§ ¸ñ·Ï¿¡¼­ ÄÞ¸¶(,)·Î ºÐ¸®µÈ´Ù.
rowspan = number [´ë¼Ò¹®ÀÚ Á߸³: CN]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ÇöÀç ¼¿¿¡ ÀÇÇÏ¿© È®Àå(span) µÈ ¿­µéÀÇ °¹¼ö¸¦ ÁöÁ¤ÇÑ´Ù. µðÆúÆ® °ªÀº "1"ÀÌ´Ù. °ªÀÌ "0"À̸é Ç¥ÀÇ ÇöÀçÀÇ ÁÙºÎÅÍ ¸¶Áö¸· ÁÙ±îÁöÀÇ ¸ðµç ÁÙµéÀ» ÅëÇÕ(THEAD, TBODY, ¶Ç´Â TFOOT)ÇÏ´Â °ÍÀ» ÀǹÌÇÑ´Ù.
colspan = number [´ë¼Ò¹®ÀÚ Á߸³: CN]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ÇöÀç ¼¿)¿¡ ÀÇÇÏ¿© È®ÀåµÈ Ä÷³µéÀÇ °¹¼ö¸¦ ÁöÁ¤ÇÑ´Ù. µðÆúÆ® °ªÀº "1"ÀÌ´Ù. °ªÀÌ "0"À̸é Ç¥ÀÇ ÇöÀçÀÇ Ä÷³ºÎÅÍ ¸¶Áö¸· Ä÷³±îÁöÀÇ ¸ðµç Ä÷³µéÀ» Ä÷³ ±×·ì(COLGROUP)À¸·Î ÅëÇÕÇÏ´Â °ÍÀ» ÀǹÌÇÑ´Ù.
nowrap [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ºÒ·®ÇÑ °ÍÀÌ´Ù. ÀÌ ºÒ¸°(boolean) ¾ÖÆ®¸®ºäÆ®°¡ ±â¼úµÇ¸é, º¸´Â(visual) »ç¿ëµµ±¸´Â ÀÌ ¼¿¿¡¼­ ÀÚµ¿ÀûÀÎ ÁÙ¸¶²ÞÀ» ÁßÁö½ÃÅ°µµ·Ï ÁöÁ¤ÇÏ´Â °ÍÀÌ´Ù. ÀÚµ¿ ÁÙ¹Ù²Þ È¿°ú¸¦ À§Çؼ­´Â ÀÌ ¾ÖÆ®¸®ºäÆ® ´ë½Å¿¡ ½ºÅ¸ÀϽ¬Æ®¸¦ »ç¿ëÇÏ¿©¾ß ÇÑ´Ù. ÁÖ¼®: Á¶½ÉÇÏ¿© »ç¿ëÇϸé ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¾ÆÁÖ ³ÐÀº ¼¿¿¡¼­µµ »ç¿ë µÉ ¼ö ÀÖ´Ù.
width = pixels [´ë¼Ò¹®ÀÚ Á߸³: CN]
ºÒ·®ÇÑ °ÍÀÌ´Ù. ÀÌ ¾ÖÆ®¸®ºäÆ®´Â »ç¿ëµµ±¸¿¡°Ô ÃßõµÇ´Â ¼¿ÀÇ ³Êºñ¸¦ ¾Ë·ÁÁØ´Ù.
height = pixels [´ë¼Ò¹®ÀÚ Á߸³: CN]
ºÒ·®ÇÑ °ÍÀÌ´Ù. ÀÌ ¾ÖÆ®¸®ºäÆ®´Â »ç¿ëµµ±¸¿¡°Ô ÃßõµÇ´Â ¼¿ÀÇ ³ôÀ̸¦ ¾Ë·ÁÁØ´Ù.
´Ù¸¥ °÷¿¡¼­ Á¤ÀÇ µÈ ¾ÖÆ®¸®ºäÆ®

Ç¥ÀÇ ¼¿Àº Çì´õ Á¤º¸(header)¿Í µ¥ÀÌÅÍ Á¤º¸(data)ÀÇ µÎ Á¾·ùÀÇ Á¤º¸¸¦ °¡Áú ¼ö ÀÖ´Ù. ÀÌ ±¸ºÐÀº »ç¿ëµµ±¸°¡ Çì´õ Á¤º¸¿Í µ¥ÀÌÅÍ Á¤º¸¸¦ ½ºÅ¸ÀϽ¬Æ®¿¡¼­ Á¶Â÷ ´Ù¸£°Ô Ç¥Çö ÇÒ ¼ö ÀÖ´Ù. ¿¹¸¦ µé¾î, º¸´Â(visual) »ç¿ëµµ±¸´Â Çì´õ Á¤º¸¸¦ ±½Àº ±ÛÀڷΠǥÇö ÇÒ ¼ö ÀÖ°í, À½¼º ÇÕ¼º ÀåÄ¡¿¡¼­´Â Çì´õ Á¤º¸¸¦ ±¸º°µÇ´Â À½¼ºÀ¸·Î ¸» ÇÒ ¼ö ÀÖ´Ù.

TH(table head) ¿¤·¹¸àÆ®´Â Çì´õ Á¤º¸¸¦ °®´Â ¼¿À» Á¤ÀÇÇÑ´Ù. »ç¿ëµµ±¸´Â TH ¿¤·¹¸àÆ®ÀÇ ³»¿ë°ú abbr ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀÇ µÎ°¡Áö °¡´É ÇÑ Çì´õ Á¤º¸¸¦ °®´Â´Ù. »ç¿ëµµ±¸´Â ¼¿ÀÇ ³»¿ëÀ̳ª abbr ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀ» Ç¥ÇöÇØ¾ß ÇÑ´Ù. º¸´Â(visual) ÀåÄ¡(media)¿¡¼­ ¼¿ÀÇ ³»¿ëÀ» ¿ÏÀüÈ÷ Ç¥½ÃÇϱ⿡ ÃæºÐÇÑ °ø°£À» °¡Áö°í ÀÖÀ¸¸é, ÈÄÀÚ°¡ ´õ Àû´çÇÏ´Ù. º¸ÀÌÁö ¾Ê´Â(non-visual) ÀåÄ¡¿¡¼­ abbr´Â Àû¿ëÇÏ°í ÀÖ´Â ¼¿µéÀÇ ³»¿ë°ú °°ÀÌ Ç¥Çö µÉ ¶§ Ç¥ ¸Ó¸´±ÛÀÇ ¿ä¾àÀ¸·Î »ç¿ë µÉ ¼ö ÀÖ´Ù.

header, scope ¾ÖÆ®¸®ºäÆ®µµ Á¦ÀÛÀÚ°¡ º¸ÀÌÁö ¾Ê´Â »ç¿ëµµ±¸ÀÇ Çì´õ Á¤º¸¸¦ ó¸® ÇÔÀ» µµ¿Í ÁØ´Ù. º¸ÀÌÁö ¾Ê´Â »ç¿ëµµ±¸¿¡¼­ ¼¿ ¶óº§¸µÀÇ Á¤º¸¿Í ¿¹Á¦¸¦ ÂüÁ¶Ç϶ó.

TD(table data) ¿¤·¹¸àÆ®´Â µ¥ÀÌÅ͸¦ °®´Â ¼¿À» Á¤ÀÇÇÑ´Ù.

¼¿Àº ºó °Í(µ¥ÀÌÅ͸¦ °¡Áö°í ÀÖÁö ¾ÊÀ½) ÀÏ ¼ö°¡ ÀÖ´Ù.

¿¹¸¦ µé¾î, ´ÙÀ½ Ç¥´Â 4°³ÀÇ µ¥ÀÌÅÍ Ä÷³µéÀ» °¡Áö°í, °¢ °¢Àº Ä÷³À» ¼³¸í ÇÑ Çì´õ¸¦ °¡Áö°í ÀÖ´Ù.

<TABLE
 summary="»ó¿øÀÇ¿øÀÌ ¼ÒºñÇÏ´Â Ä¿ÇÇÀÇ ÀÜ ¼ö, Ä¿ÇÇÀÇ Á¾·ù(Ä«ÆäÀÎ Á¦°Å ÇÑ
	 ¶Ç´Â º¸Åë)¿Í ¼³ÅÁÀ» ÷°¡Çϴ°¡¸¦ µµ½ÄÈ­ ÇÑ Ç¥ÀÌ´Ù." BORDER=1>
 <CAPTION>»ó¿øÀÇ¿øÀÌ ¼ÒºñÇÏ´Â Ä¿ÇÇÀÇ ÀÜ ¼ö</CAPTION>
 <TR>
    <TH>¼º¸í</TH>
    <TH>ÄÅ ¼ö</TH>
    <TH>Ä¿ÇÇÀÇ Á¾·ù</TH>
    <TH>¼³ÅÁÀº ?</TH>
 <TR>
    <TD>T. Sexton</TD>
    <TD>10</TD>
    <TD>Espresso</TD>
    <TD>¹«Ã·°¡</TD>
 <TR>
    <TD>J. Dinnen</TD>
    <TD>5</TD>
    <TD>Ä«ÆäÀÎ Á¦°Å Ä¿ÇÇ</TD>
    <TD>÷°¡</TD>
</TABLE>

»ç¿ëµµ±¸´Â Å͹̳¯(tty)¿¡¼­ ´ÙÀ½°ú °°ÀÌ Ç¥ÇöÇÑ´Ù.

¼º¸í       ÄÅ ¼ö      Ä¿ÇÇÀÇ Á¾·ù        ¼³ÅÁÀº ?
T. Sexton    10         Espresso              ¹«Ã·°¡
J. Dinnen    5          Ä«ÆäÀÎ Á¦°Å Ä¿ÇÇ      ÷°¡

±ÍÇÏÀÇ ºê¶ó¿ìÀú·Î´Â

»ó¿øÀÇ¿øÀÌ ¼ÒºñÇÏ´Â Ä¿ÇÇÀÇ ÀÜ ¼ö
¼º¸í ÄÅ ¼ö Ä¿ÇÇÀÇ Á¾·ù ¼³ÅÁÀº ?
T. Sexton 10 Espresso ¹«Ã·°¡
J. Dinnen 5 Ä«ÆäÀÎ Á¦°Å Ä¿ÇÇ Ã·°¡

¿©·¯°³ÀÇ ¿­ ȤÀº Ä÷³À» ÅëÇÕ(span)ÇÏ´Â ¼¿

¼¿Àº ¿©·¯°³ÀÇ ¿­ ȤÀº Ä÷³À» ÅëÇÕ ÇÒ ¼ö ÀÖ´Ù. ¼¿¿¡ È®Àå µÈ Á٠ȤÀº Ä÷³ÀÇ °¹¼ö´Â TH¿Í TD ¿¤·¹¸àÆ®¿¡¼­ rowspan°ú colspan ¾ÖÆ®¸®ºäÆ®¿¡ ÀÇÇØ ¼³Á¤µÈ´Ù.

¿¹Á¦ Ç¥¿¡¼­ ³×¹ø° ÁÙÀÇ ¼¿¿¡¼­, µÎ¹ø° Ä÷³ÀÌ ±× Ä÷³À» Æ÷ÇÔÇÏ¿© ÃÑ ¼¼°³ÀÇ Ä÷³À» ÅëÇÕÇϵµ·Ï ÇÏ¿´´Ù.

<TABLE border="1">
 <CAPTION>»ó¿øÀÇ¿øÀÌ ¼ÒºñÇÏ´Â Ä¿ÇÇÀÇ ÀÜ ¼ö</CAPTION>
 <TR><TH>¼º¸í<TH>ÄÅ ¼ö<TH>Ä¿ÇÇÀÇ Á¾·ù<TH>¼³ÅÁÀº ?
 <TR><TD>T. Sexton<TD>10<TD>Espresso<TD>¹«Ã·°¡
 <TR><TD>J. Dinnen<TD>5<TD>Ä«ÆäÀÎ Á¦°Å Ä¿ÇÇ<TD>÷°¡
 <TR><TD>A. Soria<TD colspan="3"><em>ÀÚ·á ¾øÀ½</em>
</TABLE>

»ç¿ëµµ±¸´Â Å͹̳¯(tty)¿¡¼­ ´ÙÀ½°ú °°ÀÌ Ç¥ÇöÇÑ´Ù.

»ó¿øÀÇ¿øÀÌ ¼ÒºñÇÏ´Â Ä¿ÇÇÀÇ ÀÜ ¼ö
----------------------------------------------
| ¼º¸í    |ÄÅ ¼ö|Ä¿ÇÇÀÇ Á¾·ù     |¼³ÅÁÀº ? |
----------------------------------------------
|T. Sexton |10   |Espresso         |¹«Ã·°¡   |
----------------------------------------------
|J. Dinnen |5    |Ä«ÆäÀÎ Á¦°Å Ä¿ÇÇ |÷°¡     |
----------------------------------------------
|A. Soria  |ÀÚ·á ¾øÀ½                        |
----------------------------------------------

±ÍÇÏÀÇ ºê¶ó¿ìÀú·Î

»ó¿øÀÇ¿øÀÌ ¼ÒºñÇÏ´Â Ä¿ÇÇÀÇ ÀÜ ¼ö
¼º¸íÄÅ ¼öÄ¿ÇÇÀÇ Á¾·ù¼³ÅÁÀº ?
T. Sexton10Espresso¹«Ã·°¡
J. Dinnen5Ä«ÆäÀÎ Á¦°Å Ä¿ÇÇ÷°¡
A. SoriaÀÚ·á ¾øÀ½

´ÙÀ½ ¿¹Á¦´Â ÇÑ°³ ÀÌ»óÀÇ ¿­ ¶Ç´Â Ä÷³ÀÇ ÅëÇÕÀÌ ¾î¶»°Ô µÚÀÇ ¼¿¿¡ ¿µÇâÀ» ÁÖµµ·Ï ¼¿¿¡ ÁöÁ¤Çϴ°¡¸¦ ¼³¸íÇÑ´Ù(Ç¥ÀÇ Å׵θ®ÀÇ µµ¿òÀ¸·Î).

<TABLE border="1">
 <TR><TD>1 <TD rowspan="2">2 <TD>3
 <TR><TD>4 <TD>6
 <TR><TD>7 <TD>8 <TD>9
</TABLE>

2¹ø ¼¿Àº ù¹ø°¿Í µÎ¹ø° ÁÙÀ» ÅëÇÕÇÏ°í, µÎ¹ø° ÁÙÀº ¼¿À» µÎ ¹ø ÁöÁ¤ÇÑ´Ù. ±×·¡¼­ µÎ¹ø° ÁÙÀÇ µÎ¹ø° TD´Â ½ÇÁ¦·ÎÀº ±× ÁÙÀÇ ¼¼¹ø° ¼¿À» Á¤ÀÇ ÇÑ °ÍÀÌ´Ù. °á°ú,

Å͹̳¯(tty)¿¡¼­
-------------|
1   | 2 | 3  |
----|   |----|
4   |   | 6  |
----|---|----|
7   | 8 | 9  |
-------------|

±ÍÇÏÀÇ ºê¶ó¿ìÀú·Î

123
46
789

±×·¡ÆÑ »ç¿ëµµ±¸¿¡¼­´Â(¿µ¹® ¿ø¹® ±×·¡ÇÈ)

Image of a table with rowspan=2 (¿µ¹® ¿ø¹® ±×·¡ÇÈ)

¸¸ÀÏ "6"¹ø ¼¿ÀÇ TD Á¤ÀÇ°¡ »ý·«µÇ¸é »ç¿ëµµ±¸´Â Àüü ±× ¿­¿¡ ¼¿À» Ãß°¡ ÇÒ °ÍÀÌ´Ù.

°°Àº ¹æ½ÄÀ¸·Î, ´ÙÀ½ Ç¥¸¦ º¸¸é

<TABLE border="1">
 <TR><TD>1 <TD>2 <TD>3
 <TR><TD colspan="2">4 <TD>6
 <TR><TD>7 <TD>8 <TD>9
</TABLE>

"4"¹ø ¼¿Àº µÎ°³ÀÇ Ä÷³(column)À» ÅëÇÕ(span)ÇÏ¿© ±× ÁÙÀÇ µÎ¹ø° TD´Â ½ÇÁ¦ÀûÀ¸·Î´Â ¼¼¹ø° ¼¿("6")À» Á¤ÀÇÇÑ °ÍÀÌ´Ù.

±ÍÇÏÀÇ ºê¶ó¿ìÀú·Î

123
46
789

ÀÏ¹Ý ±×·¡ÆÑ »ç¿ëµµ±¸¿¡¼­´Â(¿µ¹® ¿ø¹® ±×·¡ÇÈ)

Image of a table with colspan=2 (¿µ¹® ¿ø¹® ±×·¡ÇÈ)

¼¿µéÀ» Áߺ¹Çؼ­ Á¤ÀÇÇÏ´Â °ÍÀº ¿À·ù(error)ÀÌ´Ù. »ç¿ëµµ±¸°¡ ÀÌ ¿À·ù¸¦ ¾î¶»°Ô ó¸®Çϴ°¡´Â »ç¿ëµµ±¸¿¡ µû¶ó ´Ù¸£´Ù

Ʋ¸° ¿¹Á¦:
´ÙÀ½ Ʋ¸° ¿¹Á¦¿¡¼­´Â ¾î¶»°Ô ¼¿µéÀÌ Áߺ¹Çؼ­ Á¤ÀÇ µÉ ¼ö Àִ°¡¸¦ ¼³¸íÇÑ´Ù. ÀÌ Ç¥ÀÇ "5"¹ø ¼¿Àº µÎ ÁÙÀ» ÅëÇÕÇÏ°í, "7"¹ø ¼¿Àº µÎ Ä÷³À» ÅëÇÕÇϴµ¥, ÀÌ´Â "7"¹ø°ú "9"¹ø ¼¿ »çÀÌ¿¡ Áߺ¹À» ¸¸µç´Ù.
<TABLE border="1">
 <TR><TD>1 <TD>2 <TD>3
 <TR><TD>4 <TD rowspan="2">5 <TD>6
 <TR><TD colspan="2">7 <TD>9
</TABLE>

±ÍÇÏÀÇ ºê¶ó¿ìÀú·Î

123
456
789

11.3 »ç¿ëµµ±¸¿¡ ÀÇ ÇÑ Ç¥ÀÇ ¾ç½ÄÈ­(formatting)

ÁÖ¼®: ´ÙÀ½ Ç׸ñµéÀº º¸´Â ¾ç½ÄÈ­(visual formatting)¿Í °ü·Ã µÈ HTML Ç¥ ¾ÖÆ®¸®ºäÆ®¸¦ ¼³¸íÇÑ´Ù. ½ºÅ¸ÀϽ¬Æ®(style sheet)°¡ º¸´Â Ç¥ÀÇ ¾ç½ÄÈ­¿¡ º¸´Ù ³ªÀº Á¦¾î¸¦ Á¦°øÇÏÁö¸¸, À̱԰ÝÀÌ Ã³À½ ¹ßÇàµÈ ¶§ÀÇ ¹ø¿ª¹® CSS1À¸·Î´Â º¸´Â Ç¥ÀÇ ¾ç½ÄÈ­ °ßÁö¿¡¼­ ¸ðµç »çÇ×À» Á¦¾îÇÏÁö´Â ¸øÇÏ¿´À¸³ª, ±× ÈÄ ¹ø¿ª¹® CSS2¿¡¼­´Â ÀÌ Ç¥ÀÇ º¸ÀÌ´Â ¾ç½ÄÈ­À» ÇÒ ¼ö Àִ Ư¼ºµéÀÌ º¸¿ÏµÇ¾ú´Ù.

HTML 4´Â ´ÙÀ½ Á¦¾î ±â´ÉµéÀ» °¡Áø´Ù.

11.3.1 Å׵θ®(border)¿Í ÁÙ(rule)

´ÙÀ½ ¾ÖÆ®¸®ºäÆ®µéÀº Ç¥ÀÇ ¿ÜºÎ Ʋ(frame)°ú ³»ºÎÀÇ ÁÙ(rule)¿¡ ¿µÇâÀ» ÁØ´Ù.

¾ÖÆ®¸®ºäÆ®ÀÇ Á¤ÀÇ

frame = void | above | below | hsides | lhs | rhs | vsides | box | border [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â Ç¥¸¦ µÑ·¯½Î°í ÀÖ´Â ÇÁ·¹ÀÓÀÇ ¾î´À ÂÊÀ» º¸ÀÏ °ÍÀΰ¡¸¦ ÁöÁ¤ÇØ ÁÖ¸ç °¡´ÉÇÑ °ªÀº:
  • void: µðÆúÆ® °ªÀÌ¸ç ¾Æ¹« Âʵµ º¸ÀÌÁö ¾Ê´Â´Ù.
  • above: À§Âʸ¸ º¸ÀδÙ.
  • below: ¾Æ·¡Âʸ¸ ¸ðÀδÙ.
  • hsides: À§ÂÊ°ú ¾Æ·¡Âʸ¸ º¸ÀδÙ.
  • vsides: ¿À¸¥ÂÊ°ú ¿ÞÂʸ¸ º¸ÀδÙ.
  • lhs: ¿ÞÂʸ¸ º¸ÀδÙ.
  • rhs: ¿À¸¥Âʸ¸ º¸ÀδÙ.
  • box: »ç¹æ ¸ðµç ÂÊÀ» º¸ÀδÙ.
  • border: »ç¹æ ¸ðµç ÂÊÀ» º¸ÀδÙ.
rules = none | groups | rows | cols | all [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¾î´À Ç¥ÀÇ ¼¿°ú ¼¿»çÀÌ¿¡ ÁÙ(rule)ÀÌ ³ªÅ¸ ³¯ °ÍÀΰ¡¸¦ ÁöÁ¤Çϸç, »ç¿ëµµ±¸¿¡ µû¶ó Ç¥ÇöÀÌ ´Ù¸£¸ç, °¡´ÉÇÑ °ªÀº:
  • none: µðÆúÆ® °ªÀÌ¸ç ¾Æ¹« ÁÙµµ º¸ÀÌÁö ¾Ê´Â´Ù.
  • groups: ÁÙÀº ÁÙ ±¸·ì(THEAD, TFOOT, TBODY)°ú Ä÷³±¸·ì(COLGROUP, COL) ¾È¿¡¼­¸¸ ³ªÅ¸³­´Ù.
  • rows: ÁÙÀº ¿­(row) ¾È¿¡¼­¸¸ ³ªÅ¸³­´Ù.
  • cols: ÁÙÀº Ä÷³(column) ¾È¿¡¼­¸¸ ³ªÅ¸³­´Ù.
  • all: ÁÙÀº ¸ðµç ¿­°ú Ä÷³ ¾È¿¡¼­ ³ªÅ¸³­´Ù.
border = pixels [´ë¼Ò¹®ÀÚ Á߸³: CN]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â Ç¥ Å׵θ®(ÁÖÀ§ÀÇ ÇÁ·¹ÀÓÀÇ µÎ²²)¸¦ Çȼ¿(pixel) ¼ö·Î ¸¸ ÁöÁ¤ÇÑ´Ù. ¾Æ·¡ ÀÌ ¾ÖÆ®¸®ºäÆ®ÀÇ Ãß°¡ Á¤º¸¸¦ ÂüÁ¶Ç϶ó.

Ç¥ ¼¿»çÀÌÀÇ ±¸º°À» µ½±â À§ÇÏ¿© TABLE ¿¤·¹¸àÆ®ÀÇ border ¾ÖÆ®¸®ºäÆ® ¼³Á¤ ÇÒ ¼ö ÀÖ´Ù. ¾ÕÀÇ ¿¹Á¦¿¡¼­:

<TABLE BORDER=1
 summary="»ó¿øÀÇ¿øÀÌ ¼ÒºñÇÏ´Â Ä¿ÇÇÀÇ ÀÜ ¼ö, Ä¿ÇÇÀÇ Á¾·ù(Ä«ÆäÀÎ Á¦°Å ÇÑ
	¶Ç´Â º¸Åë)¿Í ¼³ÅÁÀ» ÷°¡Çϴ°¡¸¦ µµ½ÄÈ­ ÇÑ Ç¥ÀÌ´Ù.">
 <CAPTION>»ó¿øÀÇ¿øÀÌ ¼ÒºñÇÏ´Â Ä¿ÇÇÀÇ ÀÜ ¼ö</CAPTION>
 <TR>
    <TH>¼º¸í</TH>
    <TH>ÄÅ ¼ö</TH>
    <TH>Ä¿ÇÇÀÇ Á¾·ù</TH>
    <TH>¼³ÅÁÀº ?</TH>
 <TR>
    <TD>T. Sexton</TD>
    <TD>10</TD>
    <TD>Espresso</TD>
    <TD>¹«Ã·°¡</TD>
 <TR>
    <TD>J. Dinnen</TD>
    <TD>5</TD>
    <TD>Ä«ÆäÀÎ Á¦°Å Ä¿ÇÇ</TD>
    <TD>÷°¡</TD>
</TABLE>

´ÙÀ½ ¿¹Á¦¿¡¼­ »ç¿ëµµ±¸´Â Ç¥ÀÇ ¿ÞÂÊ°ú ¿À¸¥ÂÊ¿¡ µÎ²²°¡ 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>

±ÍÇÏÀÇ ºê¶ó¿ìÀú·Î

123
456
789

´ÙÀ½ ¼³Á¤µéÀº »ç¿ëµµ±¸ÀÇ °ú°Å ¹öÀü¿¡ ºÎÇÕÇϵµ·Ï °í·ÁµÇ¾î¾ß ÇÑ´Ù.

¿¹¸¦ µé¾î ´ÙÀ½ µÎ ÁöÁ¤Àº °°´Ù.

<TABLE border="2">
<TABLE border="2" frame="border" rules="all">

±×¸®°í

<TABLE border>
<TABLE frame="border" rules="all">

ÁÖ¼®: border ¾ÖÆ®¸®ºäÆ®´Â OBJECT¿Í IMG ¿¤·¹¸àÆ®¿¡µµ Å׵θ® Ư¼ºÀ» ÁöÁ¤Çϳª, ÀÌ ¿¤·¹¸àÆ®µé¿¡¼­´Â ´Ù¸¥ °ªÀ» °®´Â´Ù.

11.3.2 ¼öÆò Á¤·Ä°ú ¼öÁ÷ Á¤·Ä

´ÙÀ½ ¾ÖÆ®¸®ºäÆ®µéÀº ±×µéÀÇ Á¤ÀÇ¿¡ µû¶ó ´Ù¸¥ Ç¥ ¿¤·¹¸àÆ®¸¦ ¼³Á¤ÇÑ´Ù.

<!-- ¼¿ ³»¿ëÀÇ ¼öÆò Á¤·Ä ¾ÖÆ®¸®ºäÆ® -->
<!ENTITY % cellhalign
 "align      (left | center | right | justify | char) #IMPLIED
  char       %Character;   #IMPLIED -- Á¤·Ä ±ÛÀÚ(alignment char ¿¹: char=':')--
  charoff    %Length;      #IMPLIED -- Á¤·Ä ±ÛÀÚ ÇØÁ¦(offset) --"
>
<!-- ¼¿ ³»¿ëÀÇ ¼öÁ÷ Á¤·Ä ¾ÖÆ®¸®ºäÆ® -->
<!ENTITY % cellvalign
 "valign     (top | middle | bottom | baseline) #IMPLIED"
>

¾ÖÆ®¸®ºäÆ®ÀÇ Á¤ÀÇ

align = left | center | right | justify | char [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¼¿ ¾È¿¡¼­ÀÇ µ¥ÀÌÅÍ¿Í ÅؽºÆ®ÀÇ ¼öÆò Á¤·ÄÀ» ÁöÁ¤Çϸç¤Ó »ç¿ë °¡´ÉÇÑ °ªÀº:
  • left: ¿ÞÂÊ¿¡ Á¤·Ä. Ç¥ÀÇ µ¥ÀÌÅÍ¿¡¼­ µðÆúÆ® °ª ÀÓ.
  • center: °¡¿îµ¥ Á¤·Ä. Ç¥ÀÇ Çì´õ¿¡¼­ µðÆúÆ® °ª ÀÓ.
  • right: ¿À¸¥ÂÊ Á¤·Ä.
  • justify: ¾çÂÊ Á¤·Ä(double-justify).
  • char: ÁöÁ¤ÇÑ ±ÛÀÚ¸¦ ±âÁØÀ¸·Î ÅؽºÆ® Á¤·Ä. ¸¸ÀÏ »ç¿ëµµ±¸°¡ ±ÛÀÚ ±âÁØ Á¤·ÄÀ» Áö¿øÇÏÁö¾ÊÀ¸¸é, ÀÌ °ªÀÇ Ã³¸®´Â ÁöÁ¤µÇÁö ¾Ê¾Ò´Ù.
valign = top | middle | bottom | baseline [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¼¿ ¾È¿¡¼­ÀÇ µ¥ÀÌÅÍ¿Í ÅؽºÆ®ÀÇ ¼öÁ÷ Á¤·ÄÀ» ÁöÁ¤Çϸç, »ç¿ë °¡´ÉÇÑ °ªÀº:
  • top: ¼öÁ÷ ¼¿ÀÇ À§ÂÊ Á¤·Ä.
  • middle: ¼öÁ÷ ¼¿ÀÇ Áß°£ Á¤·Ä. µðÆúÆ® °ª ÀÓ.
  • bottom: ¼öÁ÷ ¼¿ÀÇ ¾Æ·¡ÂÊ¿¡ Á¤·Ä.
  • baseline: valign ¾ÖÆ®¸®ºäÆ® °ªÀ» °¡Áø ¼¿°ú °°Àº ¿­ÀÇ ¸ðµç ¼¿Àº ù¹ø° ÅؽºÆ® ¶óÀÎÀÌ ±× ¿­ÀÇ ¸ðµç ¼¿¿¡ °øÅëÀûÀ¸·Î Àû¿ë µÇµµ·Ï ±âÃÊ ¶óÀÎ(baseline)¿¡ ÅؽºÆ®¸¦ À§Ä¡ ½ÃŲ´Ù. ÀÌ´Â ´Ù¸§ ¿­µéÀÇ ÇØ´ç ¼¿¿¡´Â Àû¿ëµÇÁö ¾Ê´Â´Ù.
char = character [´ë¼Ò¹®ÀÚ Á߸³: CN]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ÅؽºÆ® ¼Ó¿¡¼­ Á¤·ÄÀ» À§ ÇÑ Ãà(axis)À̵Ǵ ±ÛÀÚ¸¦ ÁöÁ¤ÇÑ´Ù. ÀÌ ¾ÖÆ®¸®ºäÆ®ÀÇ µðÆúÆ® °ªÀº lang ¾ÖÆ®¸®ºäÆ®¿¡ ÁöÁ¤ÇÑ ÇöÀç ¾ð¾îÀÇ 10Áø¼ö ±ÛÀÚ(¿¹: ¿µ¾î¿¡¼­(".")ÀÌ°í ºÒ¾î¿¡¼­(",")ÀÓ)ÀÌ´Ù. »ç¿ëµµ±¸´Â ÀÌ ¾ÖÆ®¸®ºäÆ®¸¦ Áö¿ø ÇÒ ÇÊ¿ä´Â ¾ø´Ù.
charoff = length [´ë¼Ò¹®ÀÚ Á߸³: CN]
ÀÌ ¾ÖÆ®¸®ºäÆ®°¡ ÀÖÀ¸¸é °¢ ¿­¿¡¼­ ù¹ø° Á¤·Ä ±ÛÀÚ(char)¸¦ ¼³Á¤ ÇØÁ¦(offset)ÇÑ´Ù. ¸¸ÀÏ ¿­¿¡ Á¤·Ä ±ÛÀÚ°¡ Æ÷ÇÔµÇÁö ¾Ê¾ÒÀ¸¸é, ÀÌ°ÍÀº Á¤·Ä À§Ä¡±îÁö ¼öÆòÀûÀ¸·Î ³¡±îÁö À̵¿ µÈ´Ù.

Á¤·Ä ±ÛÀÚÀÇ ÇØÁ¦¸¦ À§ÇÏ¿© charoff°¡ »ç¿ëµÇ¸é, ÇØÁ¦ µÈ ¹æÇâÀº dir ¾ÖÆ®¸®ºäÆ®¿¡ ÀÇÇÏ¿© ¼³Á¤ µÈ ÇöÀç ±ÛÀÚ ¹æÇâÀ¸·ÎµÈ´Ù. ¿ÞÂÊ¿¡¼­ ¿À¸¥ÂÊÀ¸·Î ¾²´Â ±Û(µðÆúÆ®)¿¡¼­ ÇØÁ¦´Â ¿ÞÂÊ ¸¶ÁøÀ¸·Î ºÎÅÍÀÌ°í, ¿À¸¥ÂÊ¿¡¼­ ¿ÞÂÊÀ¸·Î ¾²´Â ±Û(µðÆúÆ®)¿¡¼­ ÇØÁ¦´Â ¿À¸¥ÂÊ ¸¶ÁøÀ¸·Î ºÎÅÍÀÌ´Ù. »ç¿ëµµ±¸´Â ÀÌ ¾ÖÆ®¸®ºäÆ®¸¦ Áö¿ø ÇÒ ÇÊ¿ä´Â ¾ø´Ù.

¿¹Á¦ Ç¥¿¡´Â Á¤·Ä ±ÛÀÚ¸¦ "." ¼³Á¤ÇÏ¿©, ¿­ÀÇ ÇöÀç °ªÀ» 10Áø¼ö Á¡(.)À» ÃàÀ¸·Î Á¤·ÄÇÑ´Ù.

<TABLE border="1">
 <COLGROUP>
   <COL align="char" char=".">
 <THEAD>
   <TR><TH>ä¼Ò <TH>Kg ´Ü°¡
 <TBODY>
   <TR><TD>»óÄ¡<TD>$1
   <TR><TD>´ç±Ù<TD>$10.50
   <TR><TD>¹«¿ì<TD>$100.30
</TABLE>

¾ç½ÄÈ­ µÈ Ç¥´Â ´ÙÀ½°ú ºñ½Á ÇÒ °ÍÀÌ´Ù.

--------------------
|ä¼Ò      |Kg ´Ü°¡ |
|----------|--------|
|»óÄ¡      |   $1   |
|----------|--------|
|´ç±Ù      |  $10.50|
|----------|--------|
|¹«¿ì      | $100.30|
---------------------

±×·¯³ª ÀÌ ±â´ÉÀº ºê¶ó¿ìÀú¿¡ µû¶ó ´Ù¸£°í, ±ÍÇÏÀÇ ºê¶ó¿ìÀú·Î´Â

ä¼Ò Kg ´Ü°¡
»óÄ¡$1
´ç±Ù$10.50
¹«¿ì$100.30

¼¿ÀÇ ³»¿ëÀÌ Çϳª¸¦ ÃÊ°úÇÏ´Â char·Î ÁöÁ¤ µÈ Á¤·Ä ±ÛÀÚ¸¦ °¡Áö°í, ³»¿ëÀÌ ÀÚµ¿ ÁٹٲÞ(wrap)À» ÇÏ´Â °æ¿ì, »ç¿ëµµ±¸ÀÇ ÀÛ¿ëÀº Á¤ÀǵǾî ÀÖÁö ¾ÊÀ¸¹Ç·Î, Á¦ÀÛÀÚ´Â char »ç¿ë¿¡ ÁÖÀÇÇÏ¿©¾ß ÇÑ´Ù.

ÁÖ¼®: º¸´Â(visual) »ç¿ëµµ±¸´Â TH ¿¤·¹¸àÆ®ÀÇ ³»¿ëÀ» ÀüÇüÀûÀ¸·Î ¼öÆò°ú ¼öÁ÷ °¡¿îµ¥ ¹èÄ¡ÇÏ°í ±½Àº(bold) ±ÛÀڷΠǥÇöÇÑ´Ù.

Á¤·Ä ±Ô°ÝÀÇ Àü´Þ(inheritance)

¼¿ ³»¿ëÀÇ Á¤·ÄÀº ¼¿ ´ÜÀ§·Î ÁöÁ¤µÇ°Å³ª, ¶Ç´Â ¿­, Ä÷³ ȤÀº Ç¥ ÀÚüÀÇ ¿¤·¹¸àÆ®¿¡¼­ ±âº»ÀûÀ¸·Î ÁöÁ¤ µÈ Ư¼ºÀ» Àü´Þ(inheritance) ¹ÞÀ» ¼ö ÀÖ´Ù.

align, char, charoffÀÇ Àû¿ë ¿ì¼± ¼øÀ§´Â ´ÙÀ½°ú °°´Ù(À§¼­ºÎÅÍ ¾Æ·¡·Î).

  1. ¼¿ÀÇ µ¥ÀÌÅÍ ¾ÈÀÇ ¿¤·¹¸àÆ®¿¡ ¼³Á¤ µÈ Á¤·Ä(alignment) ¾ÖÆ®¸®ºäÆ®(¿¹: P).
  2. TH¿Í TD ¼¿¿¡ ¼³Á¤ µÈ Á¤·Ä ¾ÖÆ®¸®ºäÆ®.
  3. Ä÷³±¸·ì ¿¤·¹¸àÆ®(COL¿Í COLGROUP) ¾È¿¡ ¼³Á¤ µÈ Á¤·Ä ¾ÖÆ®¸®ºäÆ®. ¼¿ÀÌ º¹¼ö-Ä÷³¿¡ È®Àå(span) µÇ¾úÀ¸¸é, Á¤·Ä Ư¼ºÀº È®ÀåÀÌ ÁöÁ¤ÀÌ ½ÃÀÛ µÈ ¼¿¿¡¼­ ºÎÅÍ È®Àå µÈ ¼¿±îÁö Àü´ÞÇÏ¿© ÁöÁ¤ÇÑ´Ù.
  4. ¿­ ±¸·ì ¿¤·¹¸àÆ®(TR, THEAD, TFOOT, TBODY) ¾È¿¡ ¼³Á¤ µÈ Á¤·Ä ¾ÖÆ®¸®ºäÆ®. ¼¿ÀÌ º¹¼ö-¿­¿¡ È®Àå µÇ¾úÀ¸¸é, Á¤·Ä Ư¼ºÀº È®ÀåÀÌ ÁöÁ¤ÀÌ ½ÃÀÛ µÈ ¼¿¿¡¼­ ºÎÅÍ È®Àå µÈ ¼¿±îÁö Àü´ÞÇÏ¿© ÁöÁ¤ÇÑ´Ù.
  5. TABLE ¿¤·¹¸àÆ®¿¡ ¼³Á¤ µÈ Á¤·Ä(alignment) ¾ÖÆ®¸®ºäÆ®.
  6. µðÆúÆ® Á¤·Ä °ª.

valign(¹× ´Ù¸¥ Àü´Þ ¾ÖÆ®¸®ºäÆ®), lang, dir, styleÀÇ Àû¿ë ¿ì¼± ¼øÀ§´Â ´ÙÀ½°ú °°´Ù(À§¼­ºÎÅÍ ¾Æ·¡·Î).

  1. Pµî ¼¿¿¡ ¼³Á¤ µÈ ¾ÖÆ®¸®ºäÆ®.
  2. TH¿Í TD ¼¿¿¡ ¼³Á¤ µÈ ¾ÖÆ®¸®ºäÆ®.
  3. ¿­ ¶Ç´Â ¿­ ±¸·ì ¿¤·¹¸àÆ®(TR, THEAD, TFOOT, TBODY) ¾È¿¡ ¼³Á¤ µÈ ¾ÖÆ®¸®ºäÆ®. ¼¿ÀÌ º¹¼ö-¿­¿¡ È®Àå µÇ¾úÀ¸¸é, Ư¼ºÀº È®ÀåÀÌ ÁöÁ¤ÀÌ ½ÃÀÛ µÈ ¼¿¿¡¼­ ºÎÅÍ È®Àå µÈ ¼¿±îÁö Àü´ÞÇÏ¿© ÁöÁ¤ÇÑ´Ù.
  4. Ä÷³±¸·ì ¿¤·¹¸àÆ®(COL¿Í COLGROUP) ¾È¿¡ ¼³Á¤ µÈ ¾ÖÆ®¸®ºäÆ®. ¼¿ÀÌ º¹¼ö-Ä÷³¿¡ È®Àå µÇ¾úÀ¸¸é, Ư¼ºÀº È®ÀåÀÌ ÁöÁ¤ÀÌ ½ÃÀÛ µÈ ¼¿¿¡¼­ ºÎÅÍ È®Àå µÈ ¼¿±îÁö Àü´ÞÇÏ¿© ÁöÁ¤ÇÑ´Ù.
  5. TABLE ¿¤·¹¸àÆ®¿¡ ¼³Á¤ µÈ ¾ÖÆ®¸®ºäÆ®.
  6. µðÆúÆ® °ª.

¶Ç ÇÑ ¼öÆò Á¤·Ä¿¡¼­´Â ¿­º¸´Ù Ä÷³¿¡ ÀÇÇÏ¿© ¼¿ÀÌ Ç¥ÇöµÇ°í, ¼öÁ÷ Á¤·Ä¿¡¼­´Â Ä÷³º¸´Ù´Â ¿­¿¡ ÀÇÇÏ¿© ¼¿ÀÌ Ç¥ÇöµÈ´Ù.

¼¿ÀÇ Á¤·Ä µðÆúÆ® °ªÀº »ç¿ëµµ±¸¿¡ µû¶ó ´Ù¸£³ª, »ç¿ëµµ±¸´Â ¸ðµç °æ¿ì¿¡ ¿ÞÂÊÀÌ ¾Æ´Ï°í ÇöÀç ¹æÇ⼺ÀÇ µðÆúÆ® ¾ÖÆ®¸®ºäÆ®·Î ¹Ù²Ù¾î¾ß ÇÑ´Ù.

»ç¿ëµµ±¸°¡ align ¾ÖÆ®¸®ºäÆ®¿¡¼­ °ª "justify"¸¦ Áö¿øÇÏÁö ¾ÊÀ¸¸é, ¿©±â¿¡ Àü´Þ µÈ °ª¸¦ »ç¿ëÇØ¾ß ÇÑ´Ù.

ÁÖ¼®: ¼¿¿¡ Àü´Þ µÇ´Â °ªÀÌ ¸ðü â(parent)ÀÌ ¾Æ´Ï°í, È®Àå(span) µÈ °æ¿ì, È®Àå ÇÑ Ã¹¹ø° ¼¿À¸·Î ºÎÅÍ Àü´Þ(inherit) µÊ¿¡ ÁÖÀÇÇ϶ó. ÀÌ°ÍÀº ÀϹÝÀûÀÎ Àü´Þ ±ÔÄ¢¿¡¼­ ¿¹¿ÜÀÌ´Ù.

11.3.3 ¼¿(cell)ÀÇ ¸¶Áø(margin)

¾ÖÆ®¸®ºäÆ®ÀÇ Á¤ÀÇ

cellspacing = length[´ë¼Ò¹®ÀÚ Á߸³: CN]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â »ç¿ëµµ±¸°¡ ¾ó¸¶³ª ¸¹Àº °ø°£À» ³ÖÀ» °ÍÀΰ¡¸¦ ÁöÁ¤ÇÑ´Ù. Ç¥ÀÇ ¿ÞÂÊ°ú ¿ÞÂÊ ³¡¿¡ ÀÖ´Â ¼¿°ú »çÀÌ, ¸Ç À§¿Í ¸Ç À§ÂÊ ÁÙÀÇ À§ÂÊ ³¡°úÀÇ »çÀÌ, °°Àº ¹æ½ÄÀ¸·Î ¿À¸¥ÂÊ, ¾Æ·¡ÂÊ »çÀ̸¦ ÁöÁ¤ÇÑ´Ù. ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¶ÇÇÑ ¼¿µé »çÀÌ¿¡ ³²±æ °ø°£À» ÁöÁ¤ÇÑ´Ù.
cellpadding = length [´ë¼Ò¹®ÀÚ Á߸³: CN]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¼¿ÀÇ Å׵θ®(border)¿Í ±× ³»¿ë »çÀÌÀÇ °£°ÝÀÇ Å©±â¸¦ ÁöÁ¤ÇÑ´Ù. ¸¸ÀÏ ÀÌ ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀº Çȼ¿(pixel) ±æÀ̸¦ °¡Áö¸é, »ç¹æ(margin)¿¡ ±× °Å¸® ¸¸Å­ ³»¿ë ÁÖÀ§¿¡ °Å¸®¸¦ ÁØ´Ù. ±× °ªÀÌ ¹éºÐÀ² ±æÀÌÀ̸é, À§¿Í ¾Æ·¡ ¸¶ÁøÀº ³»¿ëÀ¸·Î ºÎÅÍ °¡¿ë ¼öÁ÷ °ø°£¿¡ ´ë ÇÑ ¹éºÐÀ²·Î, ¿ÞÂÊ°ú ¿À¸¥ÂÊ ¸¶ÁøÀº ³»¿ëÀ¸·Î ºÎÅÍ °¡¿ë ¼öÆò °ø°£¿¡ ´ë ÇÑ ¹éºÐÀ²·Î ±ÕµîÇÏ°Ô ºÐ¹èµÈ´Ù.

ÀÌ µÎ ¾ÖÆ®¸®ºäÆ®µéÀº ¼¿µéÀÇ »çÀÌ¿¡¼­¿Í ¼¿ÀÇ ¾È¿¡¼­ °£°ÝÀ» ÁöÁ¤Çϸç, ±× °ü°è¸¦ ¾Æ·¡ ¼³¸íÇÏ¿´´Ù.

cellspacing°ú cellpadding ¾ÖÆ®¸®ºäÆ®¸¦ ¼³¸í ÇÑ À̹ÌÁö(¿µ¹® ¿ø¹® ±×·¡ÇÈ).

´ÙÀ½ ¿¹Á¦¿¡¼­ cellspacing ¾ÖÆ®¸®ºäÆ®´Â ¼¿µéÀÌ Ç¥ÀÇ ¿Ü°ûÀ¸·ÎºÎÅÍ °¢ ¹æÇâ¿¡¼­ 20 Çȼ¿ ¶³¾î Áø´Ù°í ÁöÁ¤ÇÑ´Ù. cellpadding ¾ÖÆ®¸®ºäÆ®´Â ¼¿ÀÇ À§ ¸¶Áø°ú ¾Æ·¡ ¸¶ÁøÀÌ ¼¿ÀÇ ³»¿ë°ú Àüü °¡¿ë ¼öÁ÷ °ø°£ÀÇ 10% ¸¸Å­ ¼¿ÀÇ Å׵θ®¿¡¼­ ¶³¾îÁø´Ù(ÇÕ°è 20%)´Â °ÍÀ» ÁöÁ¤ÇÏ°í, °°Àº ¹æ½ÄÀ¸·Î ¿ÞÂÊ ¸¶Áø°ú ¿À¸¥ÂÊ ¸¶ÁøÀÌ ¼¿ÀÇ ³»¿ë°ú Àüü °¡¿ë ¼öÆò °ø°£ÀÇ 10% ¸¸Å­ ¼¿ÀÇ Å׵θ®¿¡¼­ ¶³¾îÁø´Ù(ÇÕ°è 20%)´Â °ÍÀ» ÁöÁ¤ÇÑ´Ù.

<TABLE cellspacing="20" cellpadding="20%">
 <TR><TD>Data1 <TD>Data2 <TD>Data3
</TABLE>

¸¸ÀÏ Ç¥ ¶Ç´Â ÁÖ¾îÁø Ä÷³ÀÌ °íÁ¤ ³Êºñ¸¦ °¡Áø´Ù¸é, cellspacing°ú cellpadding´Â ÁöÁ¤ µÈ ³Êºñº¸´Ù ´õ ¸¹Àº °ø°£À» ÇÊ¿ä·Î ÇÒ ¼ö ÀÖ´Ù. »óÈ£ ¸ð¼øµÇ¸é »ç¿ëµµ±¸´Â ÀÌµé ¾ÖÆ®¸®ºäÆ®¸¦ width ¾ÖÆ®¸®ºäÆ®º¸´Ù ¿ì¼± Àû¿ë ÇÒ ¼ö ÀÖ°í, ±×·¸Áö ¾ÊÀ» ¼ö µµ ÀÖ´Ù.

11.4 º¸ÀÌÁö ¾Ê´Â »ç¿ëµµ±¸¿¡ ÀÇÇÑ Ç¥ÀÇ Ç¥Çö

11.4.1 Çì´õ(header) Á¤º¸¿Í µ¥ÀÌÅÍ ¼¿µéÀÇ ¿¬°ü

À½¼º ÇÕ¼º ÀåÄ¡³ª Á¡ÀÚ ÀåÄ¡µî º¸ÀÌÁö ¾Ê´Â(non-visual) »ç¿ëµµ±¸´Â ´ÙÀ½ TD¿Í TH ¿¤·¹¸àÆ® ¾ÖÆ®¸®ºäÆ®·Î º¸´Ù È¿°úÀûÀΠǥÀÇ Ç¥ÇöÀ» ÇÒ ¼ö ÀÖ´Ù.

¿¹Á¦¿¡´Â headers ¾ÖÆ®¸®ºäÆ®·Î ¼¿¿¡ Çì´õÁ¤º¸¸¦ ¼³Á¤ÇÏ¿´´Ù. °°Àº Ä÷³ÀÇ °¢ ¼¿Àº id ¾ÖÆ®¸®ºäÆ®·Î °°Àº Çì´õ ¼¿À» ÂüÁ¶ÇÑ´Ù.

<TABLE BORDER=1
 summary="»ó¿øÀÇ¿øÀÌ ¼ÒºñÇÏ´Â Ä¿ÇÇÀÇ ÀÜ ¼ö, Ä¿ÇÇÀÇ Á¾·ù(Ä«ÆäÀÎ Á¦°Å ÇÑ ¶Ç´Â
	 º¸Åë)¿Í ¼³ÅÁÀ» ÷°¡Çϴ°¡¸¦ µµ½ÄÈ­ ÇÑ Ç¥ÀÌ´Ù.">
 <CAPTION>»ó¿øÀÇ¿øÀÌ ¼ÒºñÇÏ´Â Ä¿ÇÇÀÇ ÀÜ ¼ö</CAPTION>
 <TR>
    <TH id="t1">¼º¸í</TH>
    <TH id="t2">ÄÅ ¼ö</TH>
    <TH id="t3" abbr="Á¾·ù">Ä¿ÇÇÀÇ Á¾·ù</TH>
    <TH id="t4">¼³ÅÁÀº</TH>
 <TR>
    <TD headers="t1">T. Sexton</TD>
    <TD headers="t2">10</TD>
    <TD headers="t3">Espresso</TD>
    <TD headers="t4">¹«Ã·°¡</TD>
 <TR>
    <TD headers="t1">J. Dinnen</TD>
    <TD headers="t2">5</TD>
    <TD headers="t3">Ä«ÆäÀÎ Á¦°Å Ä¿ÇÇ</TD>
    <TD headers="t4">÷°¡</TD>
</TABLE>

ÀÌ Ç¥´Â À½¼º ÇÕ¼º ÀåÄ¡¿¡¼­ ´ÙÀ½°ú °°ÀÌ Ç¥Çö µÉ ¼ö ÀÖ´Ù.

Caption: »ó¿øÀÇ¿øÀÌ ¼ÒºñÇÏ´Â Ä¿ÇÇÀÇ ÀÜ ¼ö
summary="»ó¿øÀÇ¿øÀÌ ¼ÒºñÇÏ´Â Ä¿ÇÇÀÇ ÀÜ ¼ö, 
  Ä¿ÇÇÀÇ Á¾·ù(Ä«ÆäÀÎ Á¦°Å ÇÑ ¶Ç´Â º¸Åë)¿Í ¼³ÅÁÀ» ÷°¡Çϴ°¡¸¦
  µµ½ÄÈ­ ÇÑ Ç¥ÀÌ´Ù.
¼º¸í: T. Sexton,   ÄÅ ¼ö: 10,   Á¾·ù: Espresso,	   ¼³ÅÁÀº: ¹«Ã·°¡
¼º¸í: J. Dinnen,   ÄÅ ¼ö: 5,    Á¾·ù: Ä«ÆäÀÎ Á¦°Å Ä¿ÇÇ,   ¼³ÅÁÀº: ÷°¡

Çì´õ "Ä¿ÇÇÀÇ Á¾·ù"°¡ abbr ¾ÖÆ®¸®ºäÆ® »ç¿ëÀ¸·Î ¾î¶»°Ô »ý·« Çì´õ "Á¾·ù"À¸·Î µÇ¾ú´Â°¡ ÁÖÀÇÇ϶ó.

°°Àº ¿¹Á¦¿¡¼­ headers ¾ÖÆ®¸®ºäÆ®¸¦ scope ¾ÖÆ®¸®ºäÆ®·Î ¹Ù²Û °ÍÀÌ´Ù.

scope ¾ÖÆ®¸®ºäÆ®ÀÇ °ª "col"Àº "ÇöÀç Ä÷³ÀÇ ¸ðµç ¼¿µé"À» ÀǹÌÇÑ´Ù.

<TABLE BORDER=1
 summary="»ó¿øÀÇ¿øÀÌ ¼ÒºñÇÏ´Â Ä¿ÇÇÀÇ ÀÜ ¼ö, Ä¿ÇÇÀÇ Á¾·ù(Ä«ÆäÀÎ Á¦°Å ÇÑ
	¶Ç´Â º¸Åë)¿Í ¼³ÅÁÀ» ÷°¡Çϴ°¡¸¦ µµ½ÄÈ­ ÇÑ Ç¥ÀÌ´Ù.">
 <CAPTION>»ó¿øÀÇ¿øÀÌ ¼ÒºñÇÏ´Â Ä¿ÇÇÀÇ ÀÜ ¼ö</CAPTION>
 <TR>
   <TH scope="col">¼º¸í</TH>
   <TH scope="col">ÄÅ ¼ö</TH>
   <TH scope="col"abbr="Á¾·ù">Ä¿ÇÇÀÇ Á¾·ù</TH>
   <TH scope="col">¼³ÅÁÀº</TH>
 <TR>
   <TD>T. Sexton</TD>
   <TD>10</TD>
   <TD>Espresso</TD>
   <TD>¹«Ã·°¡</TD>
 <TR>
   <TD>J. Dinnen</TD>
   <TD>5</TD>
   <TD>Ä«ÆäÀÎ Á¦°Å Ä¿ÇÇ</TD>
   <TD>÷°¡</TD>
</TABLE>

¾Æ·¡´Â scope ¾ÖÆ®¸®ºäÆ®¿¡ ´Ù¸¥ °ª¸¦ °®´Â ´õ º¹Àâ ÇÑ ¿¹Á¦ÀÌ´Ù.

<TABLE border="1" cellpadding="5" cellspacing="2"
 summary="Bath Áö¿ª »çȸ¿¡¼­ Á¦°øÇÏ´Â ¿ª»ç °úÁ¤µéÀ»
	°úÁ¤¸í, °­»ç, ¿ä¾à, ÄÚµå¿Í ¿ä±ÝÀ¸·Î Á¤¸®>
 <TR>
   <TH colspan="5" scope="colgroup">Áö¿ª »çȸ °úÁ¤µé -- Bath 1997³â °¡À» </TH>
 </TR>
 <TR>
   <TH scope="col" abbr="À̸§">°úÁ¤¸í</TH>
   <TH scope="col" abbr="°­»ç">°úÁ¤ °­»ç</TH>
   <TH scope="col">¿ä¾à</TH>
   <TH scope="col">ÄÚµå</TH>
   <TH scope="col">¿ä±Ý</TH>
 </TR>
 <TR>
   <TD scope="row">³»Àü ÀÌÈÄ</TD>
   <TD>Dr. John Wroughton</TD>
   <TD>ÀÌ °úÁ¤¿¡¼­´Â 1646³â ÀÌÈÄ ¿µ±¹¿¡¼­ÀÇ ºÒ¾ÈÁ¤ ÇÑ ±â°£À» Á¡°ËÇÑ´Ù.
       <I>10¿ù 13ÀÏ ¿ù¿äÀÏ ½ÃÀÛ 6ÁÖ°£ ¸¸³²</I>.
   </TD>
   <TD>H27</TD>
   <TD>&pound;32</TD>
 </TR>
 <TR>
   <TD scope="row">¾Þ±Û·Î-»ö½¼ ¿µ±¹ÀÇ ¼Ò°³</TD>
   <TD>Mark Cottle</TD>
   <TD>ÇÏ·ç °úÁ¤ÀÇ ¾Þ±Û·Î-»ö½¼ ÀçÆí ±â°£ÀÎ Áß¼¼±âÀÇ Ãʱâ¿Í ±×µé »çȸÀÇ ¼Ò°³.
      <I>10¿ù 18ÀÏ Åä¿äÀÏ</I>.
   </TD>
   <TD>H28</TD>
   <TD>&pound;18</TD>
 </TR>
 <TR>
   <TD scope="row">±×¸®½ºÀÇ ¿µ±¤</TD>
   <TD>Valerie Lorenz</TD>
   <TD>¹ÎÁÖ ÁÖÀÇ, öÇÐ, ±ØÀåÀÇ Áß½ÉÁö, Åä·ÐÀÇ ÁýµéÀÇ ±Ù¿øÁö.
    ·Î¸¶°¡ ÀÌ·ç¾úÀ» °ÍÀÌÁö¸¸ ±×¸®½º°¡ ¸ÕÀú ÀÌ·ç¾ú´Ù.
    <I>1997³â 10¿ù 25ÀÏ Åä¿äÇб³</I>.
   </TD>
   <TD>H30</TD>
   <TD>&pound;18</TD>
 </TR>
</TABLE>

±ÍÇÏÀÇ ºê¶ó¿ìÀú·Î

Áö¿ª »çȸ °úÁ¤µé -- Bath 1997³â °¡À»
°úÁ¤¸í °úÁ¤ °­»ç ¿ä¾à ÄÚµå ¿ä±Ý
³»Àü ÀÌÈÄ Dr. John Wroughton ÀÌ °úÁ¤¿¡¼­´Â 1646³â ÀÌÈÄ ¿µ±¹¿¡¼­ÀÇ ºÒ¾ÈÁ¤ ÇÑ ±â°£À» Á¡°ËÇÑ´Ù. 10¿ù 13ÀÏ ¿ù¿äÀÏ ½ÃÀÛ 6ÁÖ°£ ¸¸³². H27 £32
¾Þ±Û·Î-»ö½¼ ¿µ±¹ÀÇ ¼Ò°³ Mark Cottle ÇÏ·ç °úÁ¤ÀÇ ¾Þ±Û·Î-»ö½¼ ÀçÆí ±â°£ÀÎ Áß¼¼±âÀÇ Ãʱâ¿Í ±×µé »çȸÀÇ ¼Ò°³. 10¿ù 18ÀÏ Åä¿äÀÏ. H28 £18
±×¸®½ºÀÇ ¿µ±¤ Valerie Lorenz ¹ÎÁÖ ÁÖÀÇ, öÇÐ, ±ØÀåÀÇ Áß½ÉÁö, Åä·ÐÀÇ ÁýµéÀÇ ±Ù¿øÁö. ·Î¸¶°¡ ÀÌ·ç¾úÀ» °ÍÀÌÁö¸¸ ±×¸®½º°¡ ¸ÕÀú ÀÌ·ç¾ú´Ù. 1997³â 10¿ù 25ÀÏ Åä¿äÇб³. H30 £18

±×·¡ÇÈ »ç¿ëµµ±¸´Â ´ÙÀ½°ú °°ÀÌ Ç¥Çö ÇÒ °ÍÀÌ´Ù(¿µ¹® ¿ø¹® ±×·¡ÇÈ).

A table with merged cells(¿µ¹® ¿ø¹® ±×·¡ÇÈ)

scope ¾ÖÆ®¸®ºäÆ®ÀÇ °ª¿¡ "row"¸¦ »ç¿ë ÇÑ °Í¿¡ ÁÖÀÇÇ϶ó. °¢ ¿­ÀÇ Ã¹¹ø° ¼¿¿¡´Â Çì´õ Á¤º¸°¡ ¾Æ´Ñ µ¥ÀÌÅ͸¦ °¡Áö°í ÀÖÁö¸¸, scope ¾ÖÆ®¸®ºäÆ®´Â ±× µ¥ÀÌÅÍ ¼¿À» ¿­ÀÇ Çì´õ ¼¿ ó·³ ÀÛ¿ëÇϵµ·ÏÇÑ´Ù. ÀÌ À½¼º ÇÕ¼º ÀåÄ¡¿¡°Ô ¿äû¿¡ ÀÇÇϰųª °¢ ¼¿ÀÇ ³»¿ëÀ» ½ÃÀÛÇϱ⠹ٷΠÀü¿¡ ÇØ´ç °úÁ¤¸íÀ» Á¦°øÇÑ´Ù

11.4.2 ¼¿µéÀÇ Ä«Å×°í¸®È­(categorizing)

»ç¿ëÀÚ°¡ À½¼º »ç¿ëµµ±¸·Î Ç¥¸¦ º¼ ¶§, ¼¿µéÀÇ ÀÚü ³»¿ë¿¡ Ãß°¡ÀûÀ¸·Î ¼¿¿¡ ´ë ÇÑ ¼³¸íÀ» µè±â¸¦ ¿ø ÇÒ ¼ö ÀÖ´Ù. ÇϳªÀÇ ¹æ¹ýÀº »ç¿ëÀÚ°¡ µ¥ÀÌÅÍ ¼¿ÀÇ ³»¿ëÀ» ¸»Çϱâ Àü¿¡, °ü·Ã µÈ Çì´õ Á¤º¸¸¦ ¸» ÇÔÀ¸·Î¼­ ¼³¸í¸¦ Á¦°ø ÇÒ ¼ö ÀÖ´Ù(µ¥ÀÌÅÍ ¼¿°ú ¿¬°ü µÈ Çì´õ Á¤º¸ ÂüÁ¶).

»ç¿ëÀÚ´Â ¶ÇÇÑ ÇÑ ¼¿º¸´Ù ¸¹Àº ¼¿µé¿¡ ´ë ÇÑ Á¤º¸¸¦ ¿ø ÇÒ ¼ö Àִµ¥, ÀÌ·± °æ¿ì, ¼¿ ¼öÁØÀÇ Çì´õ Á¤º¸(headers, scope, abbr)·Î´Â ÀûÁ¤ÇÑ ³»¿ëÀ» Á¦°øÇÏÁö ¸ø ÇÒ ¼ö°¡ ÀÖ´Ù.

µÎ Áö¿ª(San Jose¿Í Seattle)¿¡¼­ÀÇ ¸îÀÏ°£ ºñ¿ëÀ» meals(½Ä´ë), hotels(È£ÅÚºñ), transport(¿îÀÓ)·Î ºÐ·ù µÈ ´ÙÀ½ÀÇ Ç¥¸¦ º¸¶ó.

µÎ Áö¿ª(San Jose¿Í Seattle)¿¡¼­ÀÇ ¸îÀÏ°£ ºñ¿ëÀ» meals(½Ä´ë), hotels(È£ÅÚºñ), transport(¿îÀÓ)·Î ºÐ·ùÇÏ¿© ¼Ò°èµîÀ» º¸¿©Áִ ǥÀÇ À̹ÌÁö(¿µ¹® ¿ø¹® ±×·¡ÇÈ)
»ç¿ëÀڴ ǥ·ÎºÎÅÍ ´ÙÀ½°ú °°Àº ¿äûÀ¸·Î Á¤º¸¸¦ ÃßÃâÇϱ⸦ ¿ø ÇÒ ¼ö ÀÖ´Ù.
  • "³ª´Â ³ªÀÇ ¸ðµç ½Ä´ë(meals)¿¡ ¾ó¸¶³ª ÁöºÒ Çß³ª?"
  • "³ª´Â ³ªÀÇ 8¿ù 25ÀÏ ½Ä´ë(meals)¿¡ ¾ó¸¶³ª ÁöºÒ Çß³ª?"
  • "³ª´Â ³ªÀÇ San Jose¿¡¼­ ¸ðµç ºñ¿ëÀ» ¾ó¸¶³ª ÁöºÒ Çß³ª?"

°¢ ¿äûÀº »ç¿ëµµ±¸¿¡ ÀÇÇÑ 0¼¿ ȤÀº ¿©·¯ ¼¿µéÀÇ °è»ê°ú °ü·ÃÇÑ´Ù. ¿¹¸¦ µé¾î 8¿ù 25ÀÏ ½Ä´ë¸¦ »êÃâÇϱâ À§ÇÏ¿© »ç¿ëµµ±¸´Â Ç¥ÀÇ ¾î´À ¼¿µéÀÌ ½Äºñ("meals")¸¦ ÂüÁ¶ÇÏ°í, ¾î´À ¼¿µéÀÌ ³¯ÀÚ("dates":±¸Ã¼ÀûÀ¸·Î "25 August")¸¦ ÂüÁ¶Çϴ°¡¸¦ ¾Ë¾Æ¾ß ÇÏ°í, ÀÌ µÎ ¼³Á¤ÀÌ ¸Â´Â Ç׸ñÀ» ã¾Æ¾ß ÇÑ´Ù.

ÀÌ Á¾·ùÀÇ ¿äû»çÇ×À» ´Þ¼ºÇϱâ À§Çؼ­, HTML 4ÀÇ Ç¥ ¸ðµ¨Àº Á¦ÀÛÀÚ°¡ ¼¿ÀÇ Çì´õ¿Í µ¥ÀÌÅ͸¦ Ä«Å×°í¸®(categories)·Î ¹­´Â °ÍÀ» Çã¿ëÇÑ´Ù. ¿¹¸¦ µé¾î ¿©Çà ºñ¿ë Ç¥¿¡¼­ Á¦ÀÛÀÚ´Â Çì´õ ¼¿µéÀ» "San Jose"¿Í "Seattle"·Î ±¸·ì Áö¿ì°í, "Location" Ä«Å×°í¸®·Î ¸¸µé°í, headers "Meals", "Hotels"°ú "Transport" Çì´õµéÀ» "Expenses" Ä«Å×°í¸®·Î ÇÏ°í, ³×°³ÀÇ ³¯ÀÚ¸¦ "Date" Ä«Å×°í¸®·Î ÇÒ ¼ö ÀÖ´Ù. À§ 3°³ÀÇ ¹®Á¦´Â ´ÙÀ½°ú °°Àº Àǹ̰¡ µÉ °ÍÀÌ´Ù.

  • "³ª´Â ³ªÀÇ ¸ðµç ½Ä´ë(meals)¿¡ ¾ó¸¶³ª ÁöºÒ Çß³ª?"´Â
    "¾î¶² ¼¿µéÀÌ Ä«Å×°í¸® 'Expenses=Meals'ÀÇ Å×ÀÌÅÍ ¼¿À» °®°í Àִ°¡?"¸¦ ÀǹÌÇÑ´Ù.
  • "³ª´Â ³ªÀÇ 8¿ù 25ÀÏ ½Ä´ë(meals)¿¡ ¾ó¸¶³ª ÁöºÒ Çß³ª?"´Â
    "¾î¶² ¼¿µéÀÌ Ä«Å×°í¸® 'Expenses=Meals'¿Í 'Date=Aug-25-1997'ÀÇ Å×ÀÌÅÍ ¼¿À» °®°í Àִ°¡?"¸¦ ÀǹÌÇÑ´Ù.
  • "³ª´Â ³ªÀÇ San Jose¿¡¼­ ¸ðµç ºñ¿ëÀ» ¾ó¸¶³ª ÁöºÒ Çß³ª?"´Â
    "¾î¶² ¼¿µéÀÌ Ä«Å×°í¸® 'Expenses=Meals, Hotels, Transport'¿Í 'Location=San Jose'ÀÇ Å×ÀÌÅÍ ¼¿À» °®°í Àִ°¡?"¸¦ ÀǹÌÇÑ´Ù.

Á¦ÀÛÀÚ´Â Çì´õ³ª µ¥ÀÌÅÍ ¼¿À» ¼¿¿¡ axis ¾ÖÆ®¸®ºäÆ®¸¦ ¼³Á¤ÇÔÀ¸·Î¼­ Ä«Å×°í¸®È­ ÇÑ´Ù. ¿¹¸¦ µé¾î À§ ¿©Çà ºñ¿ë Ç¥¿¡¼­, Á¤º¸ "San Jose"À» °®´Â ¼¿À» Ä«Å×°í¸® "Location" ¾È¿¡ ´ÙÀ½°ú °°ÀÌ À§Ä¡ ½Ãų ¼ö ÀÖ´Ù.

 <TH id="a6" axis="location">San Jose</TH>

¸ðµç "San Jose"¿¡ °ü·Ã µÈ Á¤º¸´Â headers¶Ç´Â scope ¾ÖÆ®¸®ºäÆ®¸¦ Åë ÇØ ÀÌ ¼¿ÀÇ Çì´õ¸¦ Á¶È¸ ÇÒ °ÍÀÌ´Ù. ±×·¡¼­ 1997³â 8¿ù 25ÀÏÀÇ ½Äºñ´Â "San Jose" Çì´õ ¼¿ÀÇ id ¾ÖÆ®¸®ºäÆ®(¿©±â¼­ °ª "a6")¸¦ Á¶È¸Çϵµ·Ï ÀÛ¼ºµÇ¾î¾ß ÇÑ´Ù.

<TD headers="a6">37.74</TD>

°¢ headers ¾ÖÆ®¸®ºäÆ®´Â id ÂüÁ¶ ¸ñ·ÏÀ» Á¦°øÇÑ´Ù. ±×·¡¼­ Á¦ÀÛÀÚ´Â ÁÖ¾î Áø ¼¿À» ¿©·¯ ¹æ½Ä(¶Ç´Â ¿©·¯°³ÀÇ Çì´õµé°ú ´õºÎ·¯)À¸·Î Ä«Å×°í¸®È­ ½Ãų ¼ö ÀÖ´Ù.

ÀÌ ¿©Çà ºñ¿ë Ç¥¸¦ Ä«Å×°í¸® Á¤º¸¸¦ »ç¿ëÇÏ¿© ¾Æ·¡ ÀÛ¼ºÇÏ¿´´Ù,

<TABLE border="1" summary="ÀÌ Ç¥´Â ¿©Çà ºñ¿ëÀ»
    8¿ù San Jose¿Í Seattle ¿©Çà Áß ¹ß»ý ÇÑ ºñ¿ëÀ» ¿ä¾à ÇÑ °Í ÀÓ">
<CAPTION>¿©Çà ºñ¿ë º¸°í¼­</CAPTION>
<TR>
 <TH></TH>
 <TH id="a2" axis="expenses">Meals</TH>
 <TH id="a3" axis="expenses">Hotels</TH>
 <TH id="a4" axis="expenses">Transport</TH>
 <TD>subtotals</TD>
</TR>
<TR>
 <TH id="a6" axis="location">San Jose</TH>
 <TH></TH>
 <TH></TH>
 <TH></TH>
 <TD></TD>
</TR>
<TR>
 <TD id="a7" axis="date">25-Aug-97</TD>
 <TD headers="a6 a7 a2">37.74</TD>
 <TD headers="a6 a7 a3">112.00</TD>
 <TD headers="a6 a7 a4">45.00</TD>
 <TD></TD>
</TR>
<TR>
 <TD id="a8" axis="date">26-Aug-97</TD>
 <TD headers="a6 a8 a2">27.28</TD>
 <TD headers="a6 a8 a3">112.00</TD>
 <TD headers="a6 a8 a4">45.00</TD>
 <TD></TD>
</TR>
<TR>
 <TD>subtotals</TD>
 <TD>65.02</TD>
 <TD>224.00</TD>
 <TD>90.00</TD>
 <TD>379.02</TD>
</TR>
<TR>
 <TH id="a10" axis="location">Seattle</TH>
 <TH></TH>
 <TH></TH>
 <TH></TH>
 <TD></TD>
</TR>
<TR>
 <TD id="a11" axis="date">27-Aug-97</TD>
 <TD headers="a10 a11 a2">96.25</TD>
 <TD headers="a10 a11 a3">109.00</TD>
 <TD headers="a10 a11 a4">36.00</TD>
 <TD></TD>
</TR>
<TR>
 <TD id="a12" axis="date">28-Aug-97</TD>
 <TD headers="a10 a12 a2">35.00</TD>
 <TD headers="a10 a12 a3">109.00</TD>
 <TD headers="a10 a12 a4">36.00</TD>
 <TD></TD>
</TR>
<TR>
 <TD>subtotals</TD>
 <TD>131.25</TD>
 <TD>218.00</TD>
 <TD>72.00</TD>
 <TD>421.25</TD>
</TR>
<TR>
 <TH>Totals</TH>
 <TD>196.27</TD>
 <TD>442.00</TD>
 <TD>162.00</TD>
 <TD>800.27</TD>
</TR>
</TABLE>

ÀÌ Ç¥¸¦ ÀÌ·¸°Ô ÀÛ¼º ÇÑ °ÍÀº »ç¿ëµµ±¸°¡ »ç¿ëÀÚ·Î ÇÏ¿©±Ý ÇÊ¿ä ¾ø´Â Á¤º¸¿Í È¥µ¿À» ÇÇÇϱ⠵µ·Ï ÇÏ¿´½¿¿¡ ÁÖÀÇÇ϶ó. ¿¹¸¦ µé¾î ¸¸ÀÏ À½¼º ÇÕ¼º ÀåÄ¡°¡ "³ª´Â ³ªÀÇ ¸ðµç ½Ä´ë(meals)¿¡ ¾ó¸¶³ª ÁöºÒ Çß³ª ?"ÀÇ ¿äû¿¡ ´äÇϱâ À§ÇÏ¿© ¸ðµç "Meals" Ä÷³ÀÇ °¹¼öÄ¡¸¦ Àд´ٸé, »ç¿ëÀÚ´Â ¼Ò°è³ª Çհ踦 ÀϺ° µ¥ÀÌÅÍ¿Í ±¸º° ÇÒ ¼ö ¾øÀ» °ÍÀÌ´Ù. ¼¿ µ¥ÀÌÅÍÀÇ Á¶½É½º·¯¿î Ä«Å×°í¸®È­·Î Á¦ÀÛÀÚ´Â »ç¿ëµµ±¸°¡ Ç¥Çö ÇÒ ¶§, Áß¿äÇÑ ºÎºÐÀÇ ±¸ºÐÀ» ÁÙ ¼ö ÀÖµµ·Ï ÇÒ ¼ö ÀÖ´Ù.

¹°·Ð, Á¦ÀÛÀÚ°¡ ¾î¶»°Ô Ç¥ÀÇ Á¤º¸¸¦ Ä«Å×°í¸®È­ Çϴ°¡¿¡ ´ëÇÑ Á¦ÇÑÀº ¾ø´Ù. ¿¹¸¦ µé¾î ¿©Çà ºñ¿ë Ç¥¿¡¼­ Ãß°¡ÀûÀÎ Ä«Å×°í¸® "subtotals"°ú "totals"À» »ç¿ë ÇÒ¼ö ÀÖ´Ù.

ÀÌ ±Ô°Ý¿¡¼­´Â »ç¿ëµµ±¸°¡ axis ¾ÖÆ®¸®ºäÆ®¿¡ ÀÇÇØ Á¦°ø µÈ Á¤º¸¸¦ ó¸® ÇÒ ÇÊ¿ä°¡ ¾ø°í, axis¿¡ ÀÇÇØ Á¦°ø µÈ Á¤º¸¸¦ »ç¿ëµµ±¸¿¡°Ô ¾î¶»°Ô ó¸® ÇÒ °ÍÀΰ¡ ¶Ç´Â »ç¿ëÀÚ°¡ »ç¿ëµµ±¸¿¡ ¾î¶»°Ô Á¤º¸¸¦ ¿äû ÇÒ °ÍÀΰ¡ ÇÏ´Â Ãßõ»çÇ×µµ Æ÷ÇԵǾî ÀÖÁö ¾Ê´Ù.

±×·¯³ª, ƯÈ÷ À½¼º ÇÕ¼º ÀåÄ¡¿Í °°Àº »ç¿ëµµ±¸µéÀº ¿äû¿¡ ´ëÇÑ °á°úÀÇ ¿©·¯ ¼¿¿¡ °øÅë ¿ä¼Ò¸¦ ¿ø ÇÒ ¼ö ÀÖ´Ù. ¿¹¸¦ µé¾î ¸¸ÀÏ »ç¿ëÀÚ°¡ "³ª´Â ³ªÀÇ San Jose¿¡¼­ ½Äºñ¸¦ ¾ó¸¶³ª ÁöºÒ Çß³ª ?"¸¦ ¿äû ÇÒ ¶§, »ç¿ëµµ±¸´Â ¸ÕÀú ÇØ´ç µÇ´Â ¼¿µéÀ» ã¾Æ³½ ´ÙÀ½, ÀÌ Á¤º¸¸¦ Ç¥½Ã ÇÒ °ÍÀÌ´Ù. »ç¿ëµµ±¸´Â ´ÙÀ½°ú °°ÀÌ ¸» ÇÒ °ÍÀÌ´Ù.

  Location: San Jose. Date: 25-Aug-1997. Expenses, Meals: 37.74
  Location: San Jose. Date: 26-Aug-1997. Expenses, Meals: 27.28

¶Ç´Â ´õ ÇÔÃàÀûÀ¸·Î:

  San Jose, 25-Aug-1997, Meals: 37.74
  San Jose, 26-Aug-1997, Meals: 27.28

´õ °æÁ¦ÀûÀΠǥÇöÀº °øÅëÀÇ Á¤º¸ ¿ä¼Ò¸¦ ã¾Æ:

  San Jose, Meals, 25-Aug-1997: 37.74
                   26-Aug-1997: 27.28

ÀÌ Å¸ÀÔÀÇ Ç¥ÇöÀ» Áö¿øÇÏ´Â »ç¿ëµµ±¸´Â »ç¿ëµµ±¸°¡ Ç¥ÇöÀ» ²Ù¹Ì´Â ¼ö´Ü(¿¹¸¦ µé¾î ½ºÅ¸ÀϽ¬Æ®¸¦ ÅëÇÏ¿©)À» Á¦°ø ÇÒ ¼ö ÀÖ´Ù.

11.4.3 Çì´õ(header) Á¤º¸¸¦ ã´Â ±â´É(algorithm)

scope ¶Ç´Â headers ¾ÖÆ®¸®ºäÆ®¿¡ ÀÇÇÑ Çì´õ(header) Á¤º¸°¡ ¾øÀ» °æ¿ì »ç¿ëµµ±¸´Â ´ÙÀ½ ±â´É¿¡ ÀÇÇÏ¿© Çì´õ Á¤º¸¸¦ Çü¼º ÇÒ ¼ö ÀÖ´Ù. ÀÌ ±â´ÉÀÇ ¸ñÇ¥´Â Çì´õÀÇ ¹øÈ£ÀÖ´Â ¸ñ·ÏÀ» ã´Â °ÍÀÌ´Ù. ´ÙÀ½ ±× ±â´ÉÀÇ ¼³¸í¿¡¼­ Ç¥ÀÇ ¹æÇ⼺Àº ¿ÞÂÊ¿¡¼­ ¿À¸¥ÂÊÀ¸·Î °¡Á¤ÇÑ´Ù.

11.5 Ç¥(table)ÀÇ ¿¹Á¦

ÀÌ ¿­°ú Ä÷³ ±¸·ìÀÇ ¿¹Á¦´Â Nadine KanoÀÇ "Developing International Software"¿¡¼­ ÀοëµÇ¾ú´Ù.

"ascii art"¿¡¼­, ´ÙÀ½ Ç¥¸¦ Àοë:

<TABLE border="2" frame="hsides" rules="groups"
         summary="Code page support in different versions of MS Windows.">
<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
NameACPOEMCPWindows
NT 3.1
Windows
NT 3.51
Windows
95
1200Unicode (BMP of ISO/IEC-10646)XX*
1250Windows 3.1 Eastern EuropeanXXXX
1251Windows 3.1 CyrillicXXXX
1252Windows 3.1 US (ANSI)XXXX
1253Windows 3.1 GreekXXXX
1254Windows 3.1 TurkishXXXX
1255HebrewXX
1256ArabicXX
1257BalticXX
1361Korean (Johab)X**X
437MS-DOS United StatesXXXX
708Arabic (ASMO 708)XX
709Arabic (ASMO 449+, BCON 4)XX
710Arabic (Transparent Arabic)XX
720Arabic (Transparent ASMO)XX

±×·¡ÇÈ »ç¿ëµµ±¸¿¡¼­´Â ´ÙÀ½°ú °°ÀÌ Ç¥ÇöµÈ´Ù(¿µ¹® ¿ø¹® ±×·¡ÇÈ).

¿­°ú Ä÷³±¸·ìÀ» ÀÌ¿ë ÇÑ Ç¥ÀÇ ¿¹Á¦(¿µ¹® ¿ø¹® ±×·¡ÇÈ)

ÀÌ Trio ȨÆäÀÌÁö ¹®¼­(http://trio.co.kr/webrefer/html/struct/tables.html)´Â ÀÚÀ¯·ÎÀÌ ¿¬°á »ç¿ëÀÌ °¡´ÉÇÔ.