TABLE (1)


Á¦°¡ °­Á¸¦ ¾²¸é¼­ °¡Àå ¸¹ÀÌ ÀÌ¿ëÇϴ űװ¡ ¹Ù·Î ÀÌ TableÀÔ´Ï´Ù. À̹ÌÁö¿Í ÅØ½ºÆ®µéÀ» ¹èÄ¡Çϴµ¥ ¾ÆÁÖ ±×¸¸À̰ŵç¿ä. HTMLÀº ±âº»ÀûÀ¸·Î ÅØ½ºÆ®³ª À̹ÌÁöÀÇ ¹èÄ¡¿¡ Á¦ÇÑÀÌ ¸¹¾Æ ÀÚÀ¯·Î¿î Ȱ¿ëÀÌ ºÒ°¡´É ÇÏ´ä´Ï´Ù. ÇÏÁö¸¸ Å×À̺íÀ» ÀÌ¿ëÇϸé ȨÆäÀÌÁö¸¦ ¹ÙµÏÆÇ½Ä ¹è¿­Ã³·³ Áú¼­ Á¤¿¬ÇÏ°Ô ±¸¼ºÀ» ÇÒ ¼ö ÀÖ°í À̹ÌÁö¿Í ÅØ½ºÆ®µéÀ» º¸´Ù È¿À²ÀûÀ¸·Î °ü¸®ÇÒ ¼ö ÀÖ½À´Ï´Ù. °ÅÀÇ ´ëºÎºÐÀÇ »çÀÌÆ®ÀÇ À¥ÆäÀÌÁö¼Ò½º¸¦ °¡¸¸È÷ µé¿©´Ù º¸½Ã¸é.. °ÅÀǰ¡ Å×À̺í·Î ÀÌ·ç¾îÁ® ÀÖ´ä´Ï´Ù. Áï, Ç¥´Â ´Ü¼øÈ÷ Ç¥¸¦ ¸¸µå´Â ±â´É À̿ܿ¡ ÀüüÀûÀÎ ·¹À̾ƿô°ú ºÐÇÒµÈ À̹ÌÁö¸¦ °áÇÕÇÒ ¶§ ÀÚÁÖ ÀÌ¿ëµË´Ï´Ù. ±×·¯¸é Å×À̺íÀÇ ±â´ÉÀ» Çѹø »ìÆìº¸µµ·Ï ÇÒ±î¿ä?


Ç¥¸¦ »ç¿ëÇÏ´Â ÀÌÀ¯

Ç¥ÀÇ ±âº»Çü½Ä

Ç¥ÀÇ Á¦¸ñ »ðÀÔÇϱâ



1. Ç¥¸¦ »ç¿ëÇÏ´Â ÀÌÀ¯



HTMLÀº ±âº»ÀûÀ¸·Î °ø¹éÀ» ¹«½ÃÇϴ ű×ÀÔ´Ï´Ù. µû¶ó¼­ °¢Á¾ À̹ÌÁö³ª ÅØ½ºÆ®µéÀ» ¿øÇÏ´Â °÷¿¡ »ðÀÔÇÏ·Á¸é ÀÌ tableÀ» ÀÌ¿ëÇÏÁö ¾Ê°í¼­´Â ÀÚÀ¯·Î¿î ¹èÄ¡°¡ ºÒ°¡´ÉÇÕ´Ï´Ù.
¾Æ¹«¸® ¾Æ¸§´Ù¿î ±×·¡ÇÈ ÀÛ¾÷À̳ª ÈǸ¢ÇÑ ³»¿ëµé·Î ÀÌ·ç¾îÁ³´Ù ÇØµµ ·¹À̾ƿôÀ» Á¦´ë·Î Ȱ¿ëÇÏÁö ¸øÇÑ´Ù¸é ±× È¨ÆäÀÌÁö´Â ±¸¼º»ó, ±¸Á¶»óÀÇ ¹®Á¦·Î ÈǸ¢ÇÑ È¨ÆäÀÌÁö°¡ µÉ ¼ö ¾ø½À´Ï´Ù. ¹°·Ð Ç¥ÀÇ ±âÃÊÀûÀÎ ±â´ÉÀº ´Ü¼øÇÑ Ç¥¸¦ ¸¸µå´Â ÀÛ¾÷ÀÌÁö¸¸ Ȱ¿ëµµ¿¡ µû¶ó À̹ÌÁöÀÇ ÀÚÀ¯·Î¿î ¹èÄ¡¿Í ±ÕÇüÀâÈù ÅØ½ºÆ®¸¦ ¸¸µé¾î °¥ ¼ö ÀÖ´Â °­·ÂÇÑ ±â´ÉÀ» ¹ßÈÖÇϱ⵵ ÇÕ´Ï´Ù.


  1. Ç¥´Â ºÐÇÒµÈ À̹ÌÁö¸¦ ¸ð¾Æ ÁÝ´Ï´Ù.
    ȨÆäÀÌÁö¿¡ º¸¿©Áö´Â Å« À̹ÌÁöµéÀº ÇϳªÀÇ Å« µ¢¾î¸® À̹ÌÁö·Î »ðÀÔµÈ °ÍÀÌ ¾Æ´Õ´Ï´Ù. À̹ÌÁö°¡ Å©¸é Ŭ¼ö·Ï »ç¿ëÀڵ鿡°Ô º¸¿©Áú ¶§ ¸¹Àº ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. Áï, ÇϳªÀÇ À̹ÌÁö¸¦ ÇÑ ¹ø¿¡ º¸¿©Áֱ⿡´Â ¼Óµµ ºÎºÐ¿¡¼­ Ä¡¸íÀûÀÎ ¹®Á¦°¡ ¹ß»ýÇϹǷΠÁ¦ÀÛÀÚµéÀº ±× À̹ÌÁöµéÀ» 8µîºÐ, ¶Ç´Â ±× ÀÌ»óÀ¸·Î Âɰ³¾îÁø ÀÛÀº À̹ÌÁö¸¦ Ç¥¿¡ »ðÀÔÇÕ´Ï´Ù.
    ÀÛÀº À̹ÌÁö ¿©·¯ °³¿Í Å« À̹ÌÁö Çϳª´Â µ¿ÀÏÇÑ ¿ë·®À» °¡ÁöÁö¸¸ Å« À̹ÌÁö¸¦ ÀÛ°Ô ºÐÇÒÇÏ°Ô µÇ¸é À¥ ºê¶ó¿ìÀú°¡ À̹ÌÁö¸¦ ºÒ·¯¿Ã ¶§ ÀÛÀº À̹ÌÁöµéÀ» Çϳª¾¿ ¶ç¿ì°Ô µÇ¹Ç·Î »ó´ëÀûÀ¸·Î ¼Óµµ°¡ »¡¶óÁý´Ï´Ù.
    ÀÌ·¸°Ô 10µîºÐ ÀÌ»ó ºÐÇÒµÈ À̹ÌÁö¸¦ °áÇÕ½ÃŰ´Â ¿ªÇÒÀ» ¹Ù·Î Ç¥(table)°¡ ÇÕ´Ï´Ù.
  2. ȨÆäÀÌÁöÀÇ Àüü ·¹À̾ƿôÀº Ç¥¸¦ ÀÌ¿ëÇÕ´Ï´Ù.
    ½Å¹®»ç³ª ÅØ½ºÆ® À§ÁÖ·Î Á¤º¸¸¦ Àü´ÞÇÏ´Â »çÀÌÆ®ÀÇ ¼Ò½º¸¦ º¸¸é °ÅÀÇ 99.9%°¡ Ç¥¸¦ ÀÌ¿ëÇÏ¿© ·¹À̾ƿôÀ» Àâ¾Æ Á¦ÀÛÇØ ³õÀº °ÍÀÔ´Ï´Ù. ¹°·Ð ÀÌ ¿Ü¿¡µµ °ÅÀÇ ´ëºÎºÐÀÇ »çÀÌÆ®µéÀÌ Ç¥¸¦ ÀÌ¿ëÇÏ¿© ȨÆäÀÌÁö ·¹À̾ƿôÀ» Àâ½À´Ï´Ù.

  3. Å×ÀÌºí ¼¿ Çϳª¿¡µµ ¹è°æÀ̹ÌÁö³ª »ö»óÀ» »ðÀÔÇÒ ¼ö ÀÖ½À´Ï´Ù.
    Àüü ¹é±×¶ó¿îµå¿¡¸¸ Àû¿ëÇÏ´ø °ÍÀ» ÀÌÁ¦´Â Ç¥ÀÇ ÇÑ ºÎºÐÀ̳ª Ç¥°¡ »ðÀÔµÈ È­¸é¿¡¸¸ »ö»óÀ̳ª ¹è°æ À̹ÌÁö¸¦ ³Ö¾î Ȱ¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.



2. Ç¥ÀÇ ±âº»Çü½Ä


<TABLE>...</TABLE>

Ç¥ÀÇ ½ÃÀÛ°ú ³¡À» ³ªÅ¸³»¸ç Ç¥¿¡ ÇØ´çµÇ´Â ¸ðµç Á¤º¸µéÀº ÀÌ ¾È¿¡ µé¾î°©´Ï´Ù. ¼Ó¼º °ªÀ¸·Î´Â border°¡ Àִµ¥, Å׵θ®ÀÇ »óÇÏÁ¿ìÀÇ ±½±â¸¦ ¼³Á¤ÇÕ´Ï´Ù.
ÀÌ borderÀÇ ±âº»°ªÀº 1À̸ç border="0"À϶§´Â Å׵θ®°¡ ¾øÀ¸¸ç, border="1"ÀÏ °æ¿ì¿¡´Â µÎ²²°¡ »ý°Ü³³´Ï´Ù.
Áï, (TABLE)=(TABLE border="0")°ú °°°í, (TABLE border)=(TABLE border="1")°ú °°½À´Ï´Ù.
(TR)(TH)(TD)´Â ¸ðµÎ (TABLE) ÅÂ±× ¾È¿¡¼­¸¸ »ç¿ëµÇ¸ç, (TH)(TD)´Â (TR)ÅÂ±× ¾È¿¡¼­¸¸ »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. Áï, ¼­·ÎÀÇ °ü°è¸¦ Ç¥½ÃÇϸé (TABLE)>(TR)>(TH)(TD) ¼øÀ¸·Î Ç¥½ÃÇÒ ¼ö ÀÖ½À´Ï´Ù.

TR
  1. 'Table Row'ÀÇ ¾àÀڷΠǥÀÇ ÇàÀ» ¸¸µé ¶§ »ç¿ëÇÕ´Ï´Ù.
  2. Áï, Ç¥ÀÇ ¿ÞÂÊ¿¡¼­ ¿À¸¥ÂʱîÁöÀÇ ÇÑ ÁÙÀ» Á¤ÀÇÇÒ ¶§ »ç¿ëÇϴ ű׷Π(TH)³ª (TD)¸¦ Æ÷ÇÔÇÏÁö ¾ÊÀ¸¸é »ç¿ëÇÒ ¼ö ¾ø´Â ű×ÀÔ´Ï´Ù.
  3. Ç¥¸¦ ½ÃÀÛÇÒ ¶§ (TR)À» »ðÀÔÇϰí, Ç¥ÀÇ ÇàÀ» ³¡³¾ ¶§ (/TR)¸¦ »ðÀÔÇÕ´Ï´Ù.
TH
  1. 'Table Header'ÀÇ ¾àÀڷΠǥÀÇ ³»ºÎ¿¡ Á¦¸ñÀ» ¸¸µé ¶§»ç¿ëÇÕ´Ï´Ù.
  2. ÇÏÁö¸¸, ÀÌ Å±״ TableÀ» ¸¸µé ¶§ ¹Ýµå½Ã »ç¿ëÇØ¾ß ÇÏ´Â °ÍÀº ¾Æ´Õ´Ï´Ù. »ç¿ëÇÏÁö ¾Ê¾Æµµ Table¿¡´Â ÀüÇô ¹®Á¦°¡ ¾ø´Â ű×ÀÔ´Ï´Ù.
  3. (TH)´Â ¹Ýµå½Ã (TR)...(/TR)¾È¿¡ »ðÀԵǸç, ±ÛÀÚü´Â º¼µåü·Î Ç¥ÇöµÇ¸ç, Á¦¸ñÀ¸·Î »ç¿ëµÈ ´Ü¾îµéÀº Áß¾Ó Á¤·ÄµÇ¾î ³ªÅ¸³³´Ï´Ù.
TD
  1. 'Table Data'ÀÇ ¾àÀڷμ¿À» ¸¸µé ¶§»ç¿ëÇÕ´Ï´Ù.
  2. ¹Ýµå½Ã (TR) ÅÂ±× ¾È¿¡ »ç¿ëµÇ¸ç, (TR)űװ¡ ¾øÀ¸¸é Àǹ̰¡ ¾ø´Â ű×ÀÔ´Ï´Ù.
  3. ÀÌ ¼¿Å±״ ¿©·¯°¡Áö ¼Ó¼ºµéÀ» »ç¿ëÇϱ⠶§¹®¿¡ »ó´çÈ÷ Áß¿äÇÑ ºÎºÐÀÔ´Ï´Ù.

¸Þ¸ðÀåºê¶ó¿ìÀú


<p> Ç¥ÀÇ ±âº»Çü½Ä </p> <table border> <tr> <th>Á¦¸ñ1</th><th>Á¦¸ñ2</th><th>Á¦¸ñ3</th> </tr> <tr> <td>¼¿ 1</td><td>¼¿ 2</td><td>¼¿ 3</td> </tr> <tr> <td>¼¿ 4</td><td></td><td>¼¿ 6</td> </tr> </table>

Ç¥ÀÇ ±âº»Çü½Ä

Á¦¸ñ1Á¦¸ñ2Á¦¸ñ3
¼¿ 1¼¿ 2¼¿ 3
¼¿ 4¼¿ 6


À§¿¡¼­ º¸½Ã´Â °Íó·³(td)(/td)¾È¿¡ µ¥ÀÌÅͰ¡ µé¾î ÀÖÁö ¾ÊÀº °æ¿ì, ¼¿ Çϳª°¡ ¹¶°ÔÁö´Â Çö»óÀÌ ³ªÅ¸³³´Ï´Ù. (td)(/td)¾È¿¡ µ¥ÀÌÅ͸¦ ³ÖÁö ¾Ê°í ¼¿ÀÌ ¹Ù·Î ³ª¿À°Ô ÇÏ·Á¸é,& nbsp;¸¦ »ðÀÔÇÏ¸é µË´Ï´Ù


3. Ç¥ÀÇ Á¦¸ñ »ðÀÔÇϱâ


<CAPTION>...</CAPTION>

CAPTIONÀº Ç¥ÀÇ »ó´Ü¿¡ Á¦¸ñÀ» ÀûÀ» ¶§ »ç¿ëÇÕ´Ï´Ù.
  1. (CAPTION)Àº Ç¥ÀÇ Áß¾Ó¿¡ ³ªÅ¸³³´Ï´Ù.
  2. (CAPTION)ÀÇ »óÇÏÁ¶ÀýÀº align ¼Ó¼ºÀ» ÀÌ¿ëÇÏ¸ç ¼Ó¼º°ªÀ¸·Î´Â "top"°ú "bottom"ÀÌ ÀÖ½À´Ï´Ù.
  3. (CAPTION)Àº (TABLE)ÅÂ±× ³»¿¡¼­ »ç¿ëµÇÁö¸¸, Àüü Ç¥¿¡´Â ÀüÇô ¿µÇâÀ» ¹ÌÄ¡Áö ¾Ê½À´Ï´Ù.
  4. (CAPTION)Àº (TABLE) ¹Ù·Î ¾Æ·¡ »ç¿ëµÇ¸ç (TR)À̳ª (TD)³»ºÎ¿¡ »ç¿ëÇÏ°Ô µÇ¸é (CAPTION) ű״ ¹«½ÃµË´Ï´Ù.
¸Þ¸ðÀåºê¶ó¿ìÀú

<table border> <Caption align="top"> Ç¥ÀÇ ±âº»Çü½Ä </Caption> <tr> <th>Á¦¸ñ1</th><th>Á¦¸ñ2</th><th>Á¦¸ñ3</th> </tr> <tr> <td>¼¿ 1</td><td>¼¿ 2</td><td>¼¿ 3</td> </tr> <tr> <td>¼¿ 4</td><td>¼¿ 5</td><td>¼¿ 6</td> </tr> </table>

Ç¥ÀÇ ±âº»Çü½Ä
Á¦¸ñ1Á¦¸ñ2Á¦¸ñ3
¼¿ 1¼¿ 2¼¿ 3
¼¿ 4¼¿ 5¼¿ 6

À§¿¡¼­ °á°úÈ­¸é¿¡¼­ º¼ ¼ö ÀÖµíÀÌ (CAPTION)Àº Ç¥ÀÇ ³»ºÎ¿¡ »ðÀԵǾúÁö¸¸, °á°úÀûÀ¸·Î È­¸é¿¡ º¸¿©Áú ¶§ Ç¥ÀÇ ¹Ù±ù¿¡ ³ªÅ¸³ª¸ç Ç¥ÀÇ Áß¾Ó¿¡ Á¤·ÄµÇ¾î ³ªÅ¸³³´Ï´Ù.



¡Ú ¸¸¾à Å×ÀÌºí ¼Ó¼ºÀ¸·Î ÁöÁ¤ÇÑ Å×À̺í Å©±âº¸´Ù ½ÇÁ¦·Î ÁöÁ¤ÇÑ ¼¿µéÀÇ Å©±â¸¦ ÇÕÄ£ °ÍÀÌ ´õ Å©¸é ¾î¶»°Ô ÀνÄÀÌ µÇ³ª¿ä?

Çȼ¿´ÜÀ§·Î Å×À̺í ÀÛ¾÷À» ÇÒ °æ¿ì, Å×À̺íÀÇ Àüü Å©±â¸¦ pixel·Î Á¤È®È÷ ¼³Á¤ÇØ ³õ¾Ò´Ù ÇÏ´õ¶óµµ °¢ ¼¿µéÀÇ ÇÕÀÌ Å×À̺í Àüü Å©±â¸¦ ³ÑÃÄ ¹ö¸®¸é ºê¶ó¿ìÀú´Â Àüüũ±âÀÇ pixelÀ» ¹«½ÃÇϰí, ÃÖÁ¾ÀûÀ¸·Î ÇÕ»êÀÇ °á°ú¸¦ ¿ì¼±ÀûÀ¸·Î µû¸¨´Ï´Ù.


¡Ú Å×À̺í Á¦¸ñÀÇ À§Ä¡µµ ¿ÞÂÊ, ¿À¸¥ÂÊÀ¸·Î ÇÒ ¼ö ÀÖ³ª¿ä?

(CAPTION) ű׸¦ ÀÌ¿ëÇϸé ÀÚµ¿À¸·Î Áß¾ÓÁ¤·ÄÀÌ µÇÁö¸¸, align ¼Ó¼ºÀ» Ȱ¿ëÇϸé left¿Í rightµµ ÁöÁ¤ÀÌ °¡´ÉÇÕ´Ï´Ù. ÇÏÁö¸¸ Å×À̺í Á¦¸ñ¿¡ Á¤·ÄÀÌ ¾ÈµÇ´Â ºê¶ó¿ìÀúµµ ÀÖ½À´Ï´Ù.