4.HTMLÈ°¿ë


  Áö±Ý±îÁö ¹è¿î ³»¿ë¸¸ °¡Áö°íµµ ÀϹÝÀûÀÎ À¥¹®¼­¸¦ ÀÛ¼ºÇÒ ¼ö ÀÖ´Ù. ±×·¯³ª º¸´Ù º¹ÀâÇÑ È¨ÆäÀÌÁö¸¦ ±¸¼ºÇϱâ À§Çؼ­´Â ¸î°¡Áö »çÇ×ÀÌ ³²¾ÆÀÖ´Ù.

4.1 Table

  È­¸é¿¡ Ãâ·ÂµÇ´Â ¹®¼­¿¡ Ç¥°¡ µé¾î°¡´Â °æ¿ì°¡ Á¾Á¾ Àִµ¥, ¿ø·¡ ÀÌ·¯ÇÑ °ÍÀ» ÇϱâÀ§Çؼ­ TABLE¸¦ »ç¿ëÇÑ´Ù. ±×·¯³ª, È­¸é¿¡ º¸´Ù º¹ÀâÇÑ ÇüÅ Áï, ½Å¹®Ã³·³ ´Ü¶ô´Ü¶ôº°·Î ±¸ºÐµÇ´Â ÆäÀÌÁö¸¦ ¸¸µé±â À§Çؼ­ ÁÖ·Î »ç¿ëµÇ°í ÀÖ´Ù. ( ÀÌ ÆäÀÌÁöµµ ¼Ò½º¸¦ º¸¸é ¾Ë°ÚÁö¸¸, Table Tag¸¦ ¸¹ÀÌ ½è´Ù´Â °ÍÀ» ¾Ë ¼ö ÀÖÀ» °ÍÀÌ´Ù.) ´ëºÎºÐÀÇ »çÀÌÆ®µéÀº º¸Åë 5~10°³ »çÀÌÀÇ TableÀ» °¡Áö°í ÀÖµµ·Ï °³¹ßµÈ´Ù.

  • TableÀÇ ¹®¹ý

    <TABLE BORDER=1>
    <CAPTION>ŸÀÌƲ</CAPTION>
    <TR>
        <TD>11111</TD>
        <TD>22222</TD>
        <TD>3333;3</TD>
    </TR>

    <TR>
        <TD>44444</TD>
        <TD>55555</TD>
        <TD>66666</TD>
    </TR>
    </TABLE>
    ŸÀÌƲ
    111112222233333
    444445555566666

      CAPTION   CAPTIONÀ¸·Î ÁöÁ¤µÈ "ŸÀÌƲ"À̶ó´Â ±ÛÀÚ´Â TABLEÀÇ Å©±â¿¡ ¸ÂÃß¾îÁø´Ù. ±×·¯³ª, CAPTION Tag´Â ½ÇÀü¿¡¼­´Â °ÅÀÇ »ç¿ëµÇÁö ¾Ê´Â´Ù.


  • TableÀÇ ¼Ó¼º

      * ¸ÕÀú TABLE Tag¿¡ ÁöÁ¤ÇÒ ¼ö ÀÖ´Â ¼Ó¼ºÀ» ´ÙÀ½°ú °°´Ù.
      BORDERÅ׵θ®ÀÇ µÎ²², Default°ªÀº 1
      WIDTH,HEIGHTÅ×À̺íÀÇ ³ÐÀÌ, ³ôÀÌ( %´ÜÀ§ °¡´É )
      BACKGROUNDÅ×À̺íÀÇ ¹ÙÅÁ À̹ÌÁö ÁöÁ¤
      ALIGNÅ×À̺íÀÇ Á¤·Ä¹æ½Ä
      BGCOLORÅ×À̺íÀÇ ±âº» ¹è°æ »ö»ó
      BORDERCOLORÅ×À̺í Å׵θ®ÀÇ »ö»ó
      CELLSPACINGÅ×ÀÌºí ³»ÀÇ ¼¿µé°£ÀÇ °£°Ý
      CELLPADDING±ÛÀÚ¿Í ¼¿ÀÇ ¿Üº®±îÁöÀÇ °£°Ý


      * TR Tag¿¡ ÁöÁ¤ÇÒ ¼ö ÀÖ´Â ¼Ó¼ºÀ¸·Î ÇØ´ç ¿­Àüü ¿µÇâÀ» ÁØ´Ù.
      ALIGN¼öÆòÀû Á¤·Ä¹æ½ÄÀ¸·Î, left,center,right,justify,char°¡ ÀÖ´Ù.
      VALIGN¼öÁ÷Àû Á¤·Ä¹æ½ÄÀ¸·Î, top,middle,bottom,baselineÀÌ ÀÖ´Ù.
      BGCOLORÇØ´ç ¿­ÀÇ ¹è°æ»ö


      * TD Tag¿¡ ÁöÁ¤ÇÒ ¼ö ÀÖ´Â ¼Ó¼ºÀ¸·Î ÇØ´ç ¼¿¿¡¸¸ ¿µÇâÀ» ÁØ´Ù.
      ALIGN¼öÆòÀû Á¤·Ä¹æ½ÄÀ¸·Î, left,center,right,justify,char°¡ ÀÖ´Ù.
      VALIGN¼öÁ÷Àû Á¤·Ä¹æ½ÄÀ¸·Î, top,middle,bottom,baselineÀÌ ÀÖ´Ù.
      BGCOLORÇØ´ç ¿­ÀÇ ¹è°æ»ö
      NOWRAP¼³³»ÀÇ ÅýºÆ®°¡ ¼³ÀÇ ³ÐÀ̸¦ ÃÊ°úÇÑ °æ¿ì ÀÚµ¿ ÁٹٲÞÇÏÁö ¾ÊÀ½.
      WIDTH, HEIGHT¼¿ÀÇ ³ÐÀÌ ¹× ³ôÀÌ(Çȼ¿´ÜÀ§, %´ÜÀ§ °¡´É)
      COLSPANÇöÀçÀÇ ¼¿À» °¡·Î·Î º´ÇÕ½ÃŲ´Ù.
      ROWSPANÇöÀçÀÇ ¼¿À» ¼¼·Î·Î º´ÇÕ½ÃŲ´Ù.


  • ÀÀ¿ë¹æ¹ý

    • Å×ÀÌºí ´ÜÀ§ÀÇ Á¤·ÄÀÌ °¡´ÉÇÏ´Ù.
    • ÁÙ´ÜÀ§, ¼¿´ÜÀ§ÀÇ »ö»ó, Á¤·Ä, ³ôÀÌ, ³ÐÀ̸¦ Á¶ÀýÇÒ ¼ö µµ ÀÖ´Ù.
    • ÀÌ°ÍÀ» ÀÀ¿ëÇÏ¿© È­¸é¿¡ Á¤·ÄµÈ ¹®¼­¸¦ º¸¿©ÁÙ ¼ö ÀÖ´Ù. (º¸°í¼­¿Í °°Àº ¹®¼­¸¦ Ãâ·ÂÇϴµ¥ ÇʼöÀûÀÌ´Ù.)
    • TABLE¾È¿¡ ¶Ç TABLEÀ» Ãß°¡ÇÒ ¼ö ÀÖ´Ù.
    • È­¸é¿¡ Å« À̹ÌÁö¸¦ Ãâ·ÂÇÏ´Â °ÍÀÌ ºÎ´ãµÇ´Â °æ¿ì ¿©·¯Á¶°¢À¸·Î ³ª´«µÚ TABLE¿¡ ³Ö¾î º¸¿©ÁØ´Ù.
  À§ÀÇ ±â´É¿Ü¿¡µµ ¼Ò¿ëµÇ´Â ºÎºÐÀÌ ¸¹´Ù. ±×·¯³ª, HTML Editor¿¡¼­´Â ´ëºÎºÐ TABLEÀ» Áö¿øÇÏ´Â ¸·°­ÇÑ ±â´ÉÀÌ ÀÖÀ¸¹Ç·Î, À§¿¡¼­ ¿­°ÅµÈ Tag¸¸ ¾Ë¸é ÃæºÐÈ÷ »ç¿ëÀÌ °¡´ÉÇÏ´Ù.
    ¿¹Á¦ 6 : ´ÙÀ½Àº Table¿¡ ´ëÇÑ °£´ÜÇÑ ¿¹ÀÌ´Ù.
    Table ÁÖÀÇ»çÇ×   ¿©±â¼­ ÁÖÀÇÇÒÁ¡ ÇÑ°¡Áö. Áö±ÝÀº TableÀ» ¸¹ÀÌ ³Ö¾îºÁ¾ß ¸î °³ ¾Èµé¾î°¡Áö¸¸, ³ªÁß¿¡ CGI¸¦ ÀÛ¼ºÇÒ ¶§´Â ¾ê±â°¡ ´Ù¸£´Ù. ·çƾÀ» µ¹¸é¼­ ¼öõÁÙÀÇ Å×À̺íÀÌ »ý±â´Â °æ¿ìµµ ÀÖ´Ù. 200MHz CPU¿¡, 32MB MemoryÀÇ PC¿¡¼­ 1000Ä÷³¿¡ 10000ÁÙÁ¤µÇ´Â TableÀ» »Ñ·Áº»ÀûÀÌ ÀÖ´Ù. °á°ú´Â? Window95´Â ½Ã½ºÅÛÀÌ ±×³É ¸ØÃè°í, Window NT¿¡¼­´Â ±×³ª¸¶ ÀÛµ¿À» Çϱä Çߴµ¥, .........ÀÏ´Ü, ¼­¹ö¿¡¼­ ºê¶ó¿ìÁ®·Î´Â ±Ý¹æ¿Ô´Ù. ±×·¯³ª, ºê¶ó¿ìÁ®°¡ ½ÇÁ¦·Î È­¸é¿¡ º¸¿©ÁÖ±â±îÁö °ÅÀÇ 30ºÐÀÌ ³Ñ°Ô °É·È´Ù. ´ç¿¬È÷ PC´Â Á×Àº °Í ó·³ ¾Æ¹« ¹ÝÀÀÀÌ ¾ø°í HDD¸¸ Á×¾î¶ó µ¹¾Æ°¬¾ú´Ù. Áï, TableÀº ºê¶ó¿ìÁ®°¡ È­¸é°ú TableÀÇ ¿ä¼ÒµéÀ» °è»êÇؼ­ È­¸é¿¡ »Ñ¸®±â ¶§¹®¿¡ ¸¹Àº °è»êÀÌ ÇÊ¿äÇϹǷΠū TableÀ» ÀÛ¼º ÇÒ ¶§´Â ÁÖÀÇ°¡ ÇÊ¿äÇÏ´Ù.

- Last Update : 2001.6.19 by Deadfire(http://www.deadfire.net)

HTML °­ÁÂ
HTMLÀ̶õ?
À¥¼­¹ö ÀÛµ¿¿ø¸®
HTML ±âÃÊ
     - Àüü ±¸Á¶
     - ±âº» ű×
     - ¼Ó¼º Ãß°¡
     - Link/Anchor
     - ¸ñ·Ï Tag
     - ¹®ÀÚ¿Í ½ºÅ¸ÀÏ
     - ±âŸ Tag
     - Ư¼ö ¹®ÀÚ Ç¥±â
     - À̹ÌÁö Ç¥±â
HTML È°¿ë
     - Table
     - Frame
     - Form
     - Elements
±â Ÿ
     - MIME Type
     - À̹ÌÁö ¸Ê
     - Ŭ¶óÀ̾ðÆ® Ç®
¸¶Ä¡¸ç

Copyright ¨Ï 1997 ~, Deadfire Program Master