Å×ÀÌºí¿¡¼­ Àý´ëÅ©±â¿Í »ó´ëÅ©±â´Â ¾ÆÁÖ Áß¿äÇÑ °³³äÀÔ´Ï´Ù. Àý´ëÅ©±â¿Í »ó´ëÅ©±â¿¡ ´ëÇÑ °³³äÀ» ¾Ë¾Æ¾ß Å×À̺í·Î ·¹À̾ƿôÇÏ´Â °ÍÀÌ °¡´ÉÇÕ´Ï´Ù.
Àý´ëÅ©±â´Â Å×À̺íÀÇ Å©±â¸¦ Çȼ¿ ¼ö·Î Á¤ÇØÁÖ´Â ¹æ¹ýÀ̰í, »ó´ëÅ©±â´Â Å×À̺íÀÇ Å©±â¸¦ %·Î Á¤ÇØÁÖ´Â ¹æ¹ýÀÔ´Ï´Ù. %ÀÇ ¼öÄ¡´Â ¿­¸° âÀÇ Å©±âÀÔ´Ï´Ù.
Å©±â´Â <table>¿¡¼­, <td>¿¡¼­ Àâ¾ÆÁÙ ¼ö ÀÖ½À´Ï´Ù. ´ÙÀ½Àº Å×À̺í Å©±â¸¦ »óÅÂÅ©±â¿Í Àý´ëÅ©±â, ¿©·¯°¡Áö·Î ¸¸µç °ÍÀÔ´Ï´Ù. °ª°ú ¸ð¾çÀ» »õ°ÜµÎ±â ¹Ù¶ø´Ï´Ù.
±×·¸Áö¿ä. º» ´ÙÀ½ µû¶óÇØº¸±â±îÁö°¡ ¿©·¯ºÐÀÇ ÇÒÀÏÀÔ´Ï´Ù.

(1)<table width=100%, height=100%>

º¸±â

(2) Å×ÀÌºí ¹Ù±ùÂÊÀÇ ¿©¹éÀ» ¿ÏÀüÈ÷ ¾ø¾Ö´Â ¹æ¹ý

º¸±â

(3) Àý´ëÅ©±â¿Í »ó´ëÅ©±â¸¦ ÇÔ²² ¾²¸é?

º¸±â


(1)À§Ã³·³ ÄÚµùÇϸé Å×À̺íÀÇ °¡·Î, ¼¼·Î Å©±â ¸ðµÎ ¿­¸° âũ±â¿¡ ¸ÂÃß¾îÁý´Ï´Ù. ±×·¸Áö¸¸ HTML ¹®¼­ÀÇ ±âº» ¿©¹éÀº ±×´ë·Î ³²½À´Ï´Ù.

(2) HTML ¹®¼­ÀÇ ±âº» ¿©¹éÀ» ¾ø¾Ö·Á¸é <body> ű׿¡ topmargin=0, leftmargin=0À̶ó´Â ¾îÆ®¸®ºäÆ®¸¦ ³Ö½À´Ï´Ù. È­¸éÀÇ ¿ÞÂÊ À§ ¸ð¼­¸®°¡ ±âÁØÀÌ µÇ¹Ç·Î rightmarginÀ̳ª bottommarginÀº ¾ø½À´Ï´Ù.

(3) <table>¿¡¼­ width=100%·Î Á¤ÇØÁÖ°í, <td width=100>ó·³ Àý´ë°ªÀ» ÁØ Ä­°ú width °ªÀ» ½áÁÖÁö ¾ÊÀº(±×·¡¼­ °á±¹ »ó´ë°ªÀ¸·Î ³²Àº) <td>°¡ ÀÖÀ¸¸é Àý´ë°ª Å©±â´Â ²À Áö۰í, ³ª¸ÓÁö´Â âÀÇ Å©±â¿¡ ¸ÂÃß¾î Å©±â¸¦ Àâ¾ÆÁÝ´Ï´Ù. À̰ÍÀ¸·ÎºÎÅÍ ¾ðÁ¦³ª ´Ù¸¥ È­¸é¿¡¼­µµ ºñ½ÁÇÑ ¸ð¾çÀ¸·Î º¸ÀÏ ¼ö ÀÖµµ·Ï ¸¸µå´Â ¹æ¹ýÀ» »ý°¢Çس¾ ¼ö ÀÖ½À´Ï´Ù.
Âü°í·Î, <td width=50%>¶ó°í ½áÁÖ¾ú´Ù¸é? 50%ÀÇ ±âÁØÀº <table width=°ª>ÀÔ´Ï´Ù.


¼³¸íÀÌ Àß ÀÌÇØµÈ´Ù¸é, ´Ù½Ã À§ÀÇ 3°¡Áö â¿¡¼­ ¼Ò½º¸¦ À½¹ÌÇØº¸±â ¹Ù¶ø´Ï´Ù. ¼³¸íÀÌ Àß ÀÌÇØµÇÁö ¾Ê´Â´Ù¸é, óÀ½ºÎÅÍ ´Ù½Ã ÄÚµùÇϸ鼭 ÅÂ±× ÇϳªÇϳªÀÇ ¶æÀ» »õ°Üº¸µµ·Ï ÇÕ´Ï´Ù. ÀÌ ºÎºÐÀº ¾ÆÁÖ Áß¿äÇÑ °ÍÀÔ´Ï´Ù. Å×À̺íÀ» Àß ¾µ ¼ö ÀÖ´À³Ä, ¾Æ´Ï³Ä ÇÏ´Â ¾ÆÁÖ Áß¿äÇÑ ºÎºÐÀÔ´Ï´Ù.