13. Ç¥ - < TABLE > tableÀº Ç¥ÀÛ¼º¿¡ »ç¿ëµÈ´Ù. tableÀº < table > ... < /table >·Î ½ÃÀÛ°ú ³¡À» ¾Ë¸®¸ç, < tr >Àº ÇϳªÀÇ Çà(°¡·ÎÁÙ)À» ³ªÅ¸³½´Ù. < td >´Â °¢ ¼¿ÀÇ ³»¿ëÀ» ³ªÅ¸³½´Ù. < TABLE ALIGN="LEFT | CENTER | RIGHT" BORDER="n" CELLPADDING="n" CELLSPACING="n" WIDTH="n[%]" HEIGHT="n[%]" > < TR ALIGN="LEFT | CENTER | RIGHT" VALIGN="BOTTOM | MIDDLE | TOP" > < TD ALIGN="LEFT | CENTER | RIGHT" VALIGN="BOTTOM | MIDDLE | TOP" COLSPAN="n" ROWSPAN="n" WIDTH="n[%]" > ...... < /TD > < /TR > < /TABLE > [»ç¿ë¿¹] < table border="1" width="300" > < tr > < td align="right" >°ú¸ñ< /td > < td >¼ºÀû< /td > < td >¼®Â÷< /td > < td >Æò°¡< /td > < /tr > < tr > < td align="right" >¿µ¾î< /td > < td >90< /td > < td >7/50< /td > < td align=center >¼ö< /td > < /tr > < tr > < td align="right" >¼öÇÐ< /td > < td >80< /td > < td >12/50< /td > < td align=center >¿ì< /td > < /tr > < /table > < TABLE > ¢º ALIGN - À©µµ¿ì¿¡¼­ tableÀÇ À§Ä¡ Á¤·Ä ¢º BORDER - °¢ cellÀ» ±¸ºÐÇÏ´Â ¼±À» ±ß´Â´Ù. ¼ýÀÚ°¡ ÁöÁ¤µÇ¸é table Å׵θ®¼±ÀÇ ±½±â¸¦ ÁöÁ¤ÇÏ°Ô µÈ´Ù. ¢º CELLPADDING - cell ±¸ºÐ¼±°ú ¹®ÀÚ(cellÀÇ ³»¿ë)°£ÀÇ °£°ÝÀ» ÁöÁ¤ ¢º CELLSPACING - cell ±¸ºÐ¼±°£ÀÇ Æø ÁöÁ¤ ¢º WIDTH - tableÀÇ °¡·ÎÆø ÁöÁ¤, Çȼ¿´ÜÀ§ ¼ýÀÚ ¶Ç´Â À©µµ¿ì¿ÍÀÇ »ó´ëÀû Å©±âÀÎ %°ªÁöÁ¤ ¢º HEIGHT - tableÀÇ ¼¼·ÎÆø(³ôÀÌ) ÁöÁ¤, Çȼ¿ ¶Ç´Â %°ª < TD > ¢º ALIGN - cell ³»¿ëÀÇ °¡·Î À§Ä¡ Á¤·Ä ( ALIGN=LEFT | RIGHT | CENTER ) ¢º VALIGN - cell ³»¿ëÀÇ ¼¼·Î À§Ä¡ Á¤·Ä ( VALIGN=TOP | BOTTOM | MIDDLE ) ¢º COLSPAN - °¡·Î cellµé ÇÕÄ¡±â, Á¤ÇØÁø ¼ýÀÚ¸¸Å­ °¡·Î·Î cellÀÇ ÆøÀÌ Ä¿Á®¼­ ´Ù¸¥ cell°ú ÇÕÃÄÁø´Ù. ¢º ROWSPAN - ¼¼·Î cellµé ÇÕÄ¡±â, Á¤ÇØÁø ¼ýÀÚ¸¸Å­ ¼¼·Î·Î cellÀÇ ±æÀÌ°¡ Ä¿Á®¼­ ´Ù¸¥ cell°ú ÇÕÃÄÁø´Ù. < TABLE BORDER="0" > < TR > < TD ROWSPAN="2" > 1 < /TD > < TD COLSPAN="2" WIDTH="100" > 2 < /TD > < TR > < TD > 3 < /TD > < TD > 4 < /TD > < /TR > < TR > < TD ALIGN="LEFT" > 5 < /TD > < TD ALIGN="RIGHT" > 6 < /TD > < TD ALIGN="CENTER" > 7 < /TD > < TD > 8 < /TD > < /TR > < /TABLE > ¡Ø < TD > tagÀÇ ¼Ó¼ºÀÎ ROWSPAN°ú COLSPANÀ» ÀûÀýÈ÷ »ç¿ëÇϸé Ç¥¸¦ ÀÚÀ¯ÀÚÁ¦·Î ±×¸± ¼ö ÀÖ´Ù. ÇÏÁö¸¸ ¹è¿ì±â°¡ ¾î·Á¿î ¸¸Å­ ¿©·¯ °¡Áö Ç¥¸¦ ±×·Áº¸°í ¿¬½ÀÇÏ´Â °ÍÀÌ ÁÁ´Ù!!! 14. È­¸éºÐÇÒ - < FRAME > ÇÁ·¹ÀÓ(FRAMES)Àº À©µµ¿ì¸¦ ºÐÇÒÇÏ¿©¼­ µ¿½Ã¿¡ ´Ù¸¥ ¹®¼­µéÀ» È­¸é¿¡ º¸¿©ÁÙ ¼ö ÀÖ´Ù. < FRAMESET ROWS="n[%], .. , .." COLS="n[%], .. , .." FRAMEBORDER="n" > < FRAME SRC="url" NAME="frame_name" SCROLLING="YES|NO|AUTO" > < /FRAMESET > < NOFRAMES >...... < /NOFRAMES > < FRAMESET > ¢º COLS - ¼öÁ÷ ºÐÇÒ [»ç¿ë¿¹] < frameset cols="30%,20%,50%" > < frame src="A.html" > < frame src="B.html" > < frame src="C.html" > < /frameset > Browser Window A.htmlÀÇ ³»¿ë B.htmlÀÇ ³»¿ë C.htmlÀÇ ³»¿ë ¼öÁ÷¼±À¸·Î ¼¼µîºÐÇÑ´Ù. ÁÂÃø frameÀº À©µµ¿ì ÀüüÀÇ 30%¸¦ Â÷ÁöÇϸç A.html ¹®¼­°¡ µé¾î°¡°Ô µÈ´Ù. ´ÙÀ½ B.htmlÀÌ 20%ÀÇ ¹üÀ§¸¦ Â÷ÁöÇϸç, ±× ´ÙÀ½ C.htmlÀÌ µé¾î°£´Ù. ¢º ROWS - ¼öÆò ºÐÇÒ [»ç¿ë¿¹] < frameset rows="25%,25%,*" > < frame src="A.html" > < frame src="B.html" > < frame src="C.html" > < /frameset > Browser ¤ÑWindow A.htmlÀÇ ³»¿ëÀÌ ÀÌ ºÎºÐ¿¡ ³ª¤Ñ¿È B.htmlÀÇ ³»¿ëÀÌ ÀÌ ºÎºÐ¿¡ ³ª¿È C.htmlÀÇ ³»¿ëÀÌ ÀÌ ºÎºÐ¿¡ ³ª¿È ¼öÆò¼±À¸·Î ¼¼µîºÐµÇ¾ú´Ù. *´Â A¿Í B¿¡¼­ »ç¿ëµÈ 50%¸¦ Á¦¿ÜÇÑ ³ª¸ÓÁö ¸ðµÎ¿¡ ÇØ´çÇÑ´Ù. Áï ROWS="25%,25%,*"´Â ROWS="25%,25%,50%"¿Í µ¿ÀÏÇÏ´Ù. ¢º ¼öÆò ¼öÁ÷ ºÐÇÒÀÇ µ¿½Ã »ç¿ë ÇÑ °³ÀÇ FRAMEÀ» ¸ÕÀú ³ª´« ´ÙÀ½ ±× ¾È¿¡¼­ ¶Ç´Ù¸¥ FRAMEÀ» ³ª´©¸é ¼öÆò, ¼öÁ÷ºÐÇÒÀ» µ¿½Ã¿¡ ÇÒ ¼ö ÀÖ´Ù. [»ç¿ë¿¹] < frameset cols="200,*" > < frame src="A.html" > < frameset rows="40%,*" > < frame src="B.html" > < frame src="C.html" > < /frameset > < /frameset > È­¸éÀ» ¼öÁ÷À¸·Î 200Çȼ¿°ú ³ª¸ÓÁö·Î 2µîºÐÇÑ ´ÙÀ½, ¿À¸¥ÂÊ È­¸éÀ» ´Ù½Ã ¼öÆòºÐ¸®¸¦ »ç¿ëÇÏ¿© »óÇÏ·Î ºÐ¸®ÇÑ´Ù. < FRAME > ¢º SRC - frame¿¡ À§Ä¡ÇÒ ¹®¼­³ª URL ¢º NAME - frame¿¡ À̸§À» ºÎ¿©. ÀÌ°ÍÀº ´ë´ÜÈ÷ Áß¿äÇÏ´Ù. ÇÁ·¹ÀÓ ¾È¿¡¼­ ´Ù¸¥ ¹®¼­³ª ȨÆäÀÌÁö·Î LINK¸¦ ¼³Á¤Çϱâ À§ÇØ < A HREF="" ... > tag¸¦ »ç¿ëÇÏ°Ô µÇ´Âµ¥, À̶§ name°ªÀ» ºÎ¿©Çϸé ÇÑÂÊ È­¸é¿¡¼­ ´Ù¸¥ÂÊ È­¸éÀ» º¯È­½Ãų ¼ö°¡ ÀÖ´Ù. < A HREF="link.html" TARGET="frame_name" > < A HREF="" ... > tag¿¡¼­ TARGETÀÌ ÁöÁ¤µÇÁö ¾ÊÀ¸¸é < A HREF="" ... > tag°¡ ÀÖ´ø frame¿¡ ¹®¼­°¡ Ãâ·ÂµÈ´Ù. (ÀÌ°ÍÀº Ãʺ¸½ÃÀý ÈçÈ÷°Þ°ÔµÇ´Â ³¶ÆÐÀÌ´Ù) < A HREF="test.html" TARGET="MAIN" >¸ÞÀÎÈ­¸éÀÌ ¹Ù²ò´Ï´Ù. < /A > ÀÌ·¸°Ô µÇ¸é AÈ­¸éÀÇ LINK¸¦ ´­·¶À» ¶§, ±× ³»¿ëÀº BÈ­¸é¿¡ ³ªÅ¸³ª°Ô µÈ´Ù. ¡Ø TARGETÀÇ ¿©·¯ °¡Áö ¼Ó¼º TARGET="_top" - À©µµ¿ì Àüü¿¡ link¸¦ Ãâ·ÂÇÑ´Ù. TARGET="_blank" - »õ·Î¿î À©µµ¿ì¸¦ ¸¸µé¾î Ãâ·ÂÇÑ´Ù. ¢º SCROLLING - frame¿¡ scroll bar°¡ ³ªÅ¸³¾Áö °áÁ¤. < NOFRAMES > À§ÀÇ ¸ðµç ¿¹µéÀº frameÀ» Áö¿øÇÏÁö ¾Ê´Â ºê¶ó¿ìÀúµé¿¡¼­ ¾Æ¹«°Íµµ È­¸é¿¡ ³ªÅ¸³ªÁö ¾Ê´Â´Ù. À̸¦ ´ëºñÇϱâ À§ÇÏ¿© < noframes > .. < /noframes > »çÀÌ¿¡ frameÀÌ Áö¿øµÇÁö ¾Ê´Â ºê¶ó¿ìÀú¿¡ ¼­ Ãâ·ÂµÉ ³»¿ëÀ» Àû¾î ³Ö´Â´Ù. ¡Ø < FRAME >À» »ç¿ëÇϱâ À§Çؼ­´Â ºÐÇÒ ÇÏ°íÀÚ ÇÏ´Â È­¸é °³¼öº¸´Ù 1°³ÀÇ ÆÄÀÏÀÌ ´õ ÀÖ¾î¾ß ÇÑ´Ù. ÀÌ°ÍÀº 1. È­¸éÀ» ºÐÇÒÇÏ´Â ÆÄÀÏÀÌ Çϳª Á¸Àç, ´Ù¸¥ ÆÄÀÏÀ» ºÒ·¯¿À°Ô µÈ´Ù 2. ºÐÇÒµÈ ¼ö¸¸Å­ ÆÄÀÏÀÌ ÀÖ¾î¾ß ÇÑ´Ù.