
¿ÀǸ¶ÄÏ »õâ ¶ç¿ì±â ¼Ò½º - ¾ÆÀÌÇÁ·¹ÀÓ(iframe) È°¿ë¹ý
[ ¸ù»óµðÀÚÀÎÀÇ HTML ¹è¿ì±â ]
Áö¸¶ÄÏ, ¿Á¼Ç¿¡¼ »ó¼¼ÆäÀÌÁö À̹ÌÁö¸¦ Ŭ¸¯ÇÏ¸é »õâÀÌ ¶ß°Ô ÇÏ´Â ¹æ¹ý°ú
11¹ø°¡¿¡¼ ¾ÆÀÌÇÁ·¹ÀÓÀ» È°¿ëÇؼ »õâÀ» ¶ç¿ì´Â ¹æ¹ýÀ» ¾Ë¾Æº¸°Ú½À´Ï´Ù.
¡Ú »õâ ¶ç¿ì´Â HTML ¼Ò½º ¡Ú
¡Ú ¾ÆÀÌÇÁ·¹ÀÓ ¼Ò½º ¡Ú
À̺£ÀÌ ¹«·áÀ̹ÌÁöÈ£½ºÆÃÀ» ÀÌ¿ëÇÑ »õâ ¶ç¿ì±â
01. »ó¼¼À̹ÌÁö¿Í »õâ À̹ÌÁö ¸¸µé±â
»õâ ¶ç¿ì±â¸¦ ½ÇÇàÇϱâ Àü¿¡ »ó¼¼ÆäÀÌÁö À̹ÌÁö¿Í À̹ÌÁö¸¦ Ŭ¸¯Çؼ »õâÀÌ ¶ß¸é º¸¿©Áö´Â »ó¼¼À̹ÌÁö°¡ º°µµ·Î ºÐ¸®µÇ¾î ÀÖ¾î¾ß ÇÕ´Ï´Ù. Á¦ÀÛÇÑ À̹ÌÁöµéÀº »çÀÌÁî¿¡ ¸Â°Ô ¸¸µé¾î¼ À̺£ÀÌ ¹«·áÈ£½ºÆà °èÁ¤¿¡ ¿Ã·Á³õ½À´Ï´Ù.
02. 'Ŭ¸¯ÇÏ¸é º¸¿©Áö´Â »ó¼¼À̹ÌÁö.html ¸¸µé±â'
»õâÀÌ ¶ß¸é º¸¿©Áö´Â À̹ÌÁö¸¦ htm, ¶Ç´Â html ÆÄÀÏ·Î ¸¸µé¾î¾ß ÇÕ´Ï´Ù.
¸Þ¸ðÀå¿¡¼ ¾Æ·¡ ¼Ò½º¸¦ ³Ö°í, ºÓÀº »öÀ¸·Î µÈ À̹ÌÁö ÁÖ¼Ò¿Í °¡·Î, ¼¼·Î »çÀÌÁ ¹Ù²Ù¾îÁÝ´Ï´Ù.
¸Þ¸ðÀå¿¡¼ ÀúÀåÇÒ ¶§´Â ¸ðµç ÆÄÀÏ·Î ÇÏ°í, ÆÄÀÏ µÚ¿¡ È®ÀåÀÚ(.html)¸¦ ºÙ¿©ÁÝ´Ï´Ù.
001.htm ÆÄÀÏ
<META name=GENERATOR content="Namo WebEditor(Trial)">
http://gi.esmplus.com/cjc2012/iframe/iframe_001.jpg" width="860" height="1900" border="0">
|
»õâ À̹ÌÁö ÆÄÀÏÀ» '001.htm'·Î ÀúÀåÇß½À´Ï´Ù. ÀÌ·± ½ÄÀ¸·Î ´Ù¸¥ ÆÄÀϵµ 002.htm, 003.htm.... ÀÌ·±½ÄÀ¸·Î ±¸ºÐÇϱâ ÆíÇÏ°Ô ÆÄÀÏÀ̸§À» ¸¸µé¾ú½À´Ï´Ù.
03. »õâ ¶ç¿ì´Â HTML ¼Ò½º ¸¸µé±â
À§¿¡ »õâ ¶ç¿ì±â ¼Ò½º¸¦ Âü°íÇؼ À̹ÌÁö ÁÖ¼Ò¸¦ ³ÖÀ¸¸é µË´Ï´Ù.
ù¹ø°´Â 02¹ø¿¡¼ ¸¸µç 'Ŭ¸¯ÇÏ¸é º¸¿©Áö´Â »ó¼¼À̹ÌÁö.html'ÁÖ¼Ò¸¦ ³Ö°í, À̹ÌÁö »çÀÌÁ ±âÀÔÇÕ´Ï´Ù.
µÎ¹ø°´Â ÀϹÝÀûÀ¸·Î º¸¿©Áö´Â À̹ÌÁö ÁÖ¼Ò¸¦ ³Ö½À´Ï´Ù. ¸¶¿ì½º ¿À¹ö¿Í ¾Æ¿ô ±â´ÉÀ» »ç¿ëÇÏÁö ¾Ê´Â´Ù¸é Á¦°ÅÇصµ µË´Ï´Ù.
Àú´Â ¿ì¼± °°Àº À̹ÌÁö¸¦ ³Ö¾ú½À´Ï´Ù.
iframe001.htm ÆÄÀÏ
<META name=GENERATOR content="Namo WebEditor(Trial)">
http://gi.esmplus.com/cjc2012/iframe/image_001.jpg" onmouseover="this.src='http://gi.esmplus.com/cjc2012/iframe/image_001.jpg'" onmouseout="this.src='http://gi.esmplus.com/cjc2012/iframe/image_001.jpg'" border="0">
|
ÆÄÀϸíÀº iframe001.htmÀ¸·Î ÀúÀåÇß½À´Ï´Ù.
¾Æ·¡¿Í °°ÀÌ 'image_001'À̶ó´Â À̹ÌÁö¸¦ Ŭ¸¯Çϸé '001.htm' ÆÄÀÏÀÌ ¿¸®´Â Çü½ÄÀÔ´Ï´Ù.
Áö¸¶ÄÏ, ¿Á¼Ç¿¡¼ ¾ÆÀÌÇÁ·¹ÀÓ Àû¿ëÀÌ Àß µÇÁö ¾ÊÀ¸¸é »õâ ¶ç¿ì´Â HTML ¼Ò½º¸¸À¸·Î »ó¼¼ÆäÀÌÁö¸¦ ±¸¼ºÇÏ¸é µË´Ï´Ù.

04. ¾ÆÀÌÇÁ·¹ÀÓÀ¸·Î »õâ ¶ç¿ì±â
¹Ì¸® ¸¸µç iframe001.htm, iframe002.htm.... µî »õâ ¶ç¿ì±â ¼Ò½º°¡ µé¾îÀÖ´Â ÆÄÀÏÀ» Â÷·Ê´ë·Î ¾ÆÀÌÇÁ·¹ÀÓ ¼Ò½º¿¡ °É¾îÁÖ¸é µË´Ï´Ù.
<META name=GENERATOR content="Namo WebEditor(Trial)">
|