W3C ¹®¼­¿¡¼­ â Ʋ Â¥±â(FRAME) Trio ȨÆäÀÌÁö

¹®¼­¿¡¼­ â Ʋ Â¥±â(FRAMESET, FRAME)

¹®¼­¿¡¼­ Àüü âÀ» ¸î°³ÀÇ ºÎºÐ âÀ¸·Î ºÐ¸® ÇÒ ÇÊ¿ä°¡ »ý±ä´Ù. ¿¹¸¦ µé¾î ÇöÀç â¿¡¼­ ÁÂÃøÀÇ ¸Þ´º ºÎºÐ°ú À§ ÂÊÀÇ ¸Þ´º ºÎºÐÀº º¯ÇÏÁö ¾Ê°í ¿ÀµçÂÊ ¾Æ·¡ ºÎºÐÀÇ ³»¿ë ¸¸ ¹Ù²î´Âµ¥, ÀÌ´Â ºÎºÐ âÀ¸·Î ºÐ¸®ÇÏ¿´±â ¶§¹®ÀÌ´Ù.

ÀÌ¿Í °°ÀÌ ºÎºÐ âÀ» ¸¸µé±â À§Çؼ­´Â

<FRAMESET>
<FRAME></FRAME>
<FRAME></FRAME>
</FRAMESET>

ÀÌ ¹æ½ÄÀ¸·Î ±âÀçÇÑ´Ù. ¿¹¸¦ µé¸é

hsfmset.html È­ÀÏ
<HTML>
<HEAD>
<TITLE>ÇÁ·¹ÀÓ¼¼Æ®(frameset) ¹®¼­ ¿¹Á¦</TITLE>
</HEAD>
<FRAMESET rows="30%,*">
 <FRAME name="frame1" src="hs1frm.html">
 <FRAME name="frame2" src="hs2frm.html">
</FRAMESET>
</HTML>
»õ âÀ¸·Î ¿¹Á¦ÀÇ °á°ú¸¦ º¸¸é

hs1frm.html È­ÀÏ
<html>
<head><title>ÇÁ·¹ÀÓ¼¼Æ®(frameset) ¹®¼­ ¿¹Á¦ hs1frm.html È­ÀÏ</title></head>
<body bgcolor=ddeeff>
<font size=-1>ÀÌ ºÎºÐÀÇ frame nameÀº "<font color=blue>frame1</font>"<br>
ÃÖÃÊ È­ÀÏÀº "<font color=teal><b>hs1frm.html</b></font>"<br><br>

<a href="hs1frm.html" target="frame2" frame2¿¡ hs1frm.html Ç¥Çö</a><br><br>
<font color=brown>
<a href="frame1.html" target="frame2">frame2¿¡ hs1frm.html Ç¥Çö</a></font>
</font>
</body>
</html>

hs2frm.html È­ÀÏ
<HTML>
<HEAD><TITLE>ÇÁ·¹ÀÓ¼¼Æ®(frameset) ¹®¼­ ¿¹Á¦ hs2frm.html È­ÀÏ</TITLE></HEAD>
<BODY bgcolor=ffeedd>
<FONT size=-1>ÀÌ ºÎºÐÀÇ frame nameÀº "<FONT color=blue><B>frame2</B></FONT>"<BR>
ÃÖÃÊ È­ÀÏÀº "<FONT color=teal><B>hs2frm.html</B></FONT>"</FONT>
</BODY>
</HTML>

ÀÌ ¶§ <FRAMESET rows="30%,*">ÀÇ rows´Â ÁÙÀ» 30%¿Í ³ª¸ÓÁö(*)·Î ¼öÆòÀ¸·Î °¡¸£¶ó´Â °ÍÀÌ´Ù. ¹éºÐÀ² ´ë½Å¿¡ Àý´ë ±æÀ̸¦ Çȼ¿ ¼ö(rows="30,*")·Î ÁöÁ¤ÇÏ¿©µµ µÈ´Ù.
¸¶Âù°¡Áö·Î <FRAMESET cols="30%,*">·Î ÇÏ¸é ¼öÁ÷À¸·Î °¡¸¦ ¼ö ÀÖ´Ù.

»õ âÀ¸·Î ¿¹Á¦ÀÇ °á°ú¸¦ º¸¸é

ù¹ø° ÇÁ·¹ÀÓÀÇ À̸§(name)Àº "frame1" ÀÌ°í, ÃÖÃÊ·Î ÀÐ¾î ±×ÀÚ¸®¿¡ ³ÖÀ» ¹®¼­¸¦ src="hs1frm.html"·Î ÁöÁ¤ÇÏ¿´´Ù. µÎ¹ø° ÇÁ·¹ÀÓÀÇ À̸§(name)Àº "frame2" ÀÌ°í, ÃÖÃÊ·Î ÀÐ¾î ±×ÀÚ¸®¿¡ ³ÖÀ» ¹®¼­¸¦ src="hs2frm.html"·Î ÁöÁ¤ÇÏ¿´´Ù.
³ªÁß¿¡ ´Ù¸¥ ¹®¼­¸¦ ¿­¾î µÎ¹ø° ÇÁ·¹ÀÓ¿¡ Ç¥ÇöÇÏ·Á¸é ¾ØÄ¿¿¡¼­ <A href="xxx.html" target="frame2">·Î ÇÏ¸é µÈ´Ù.

ÇÁ·¹ÀÓ ¼¼Æ® ¹®¼­¿¡´Â <BODY></BODY>°¡ ¾ø´Ù. ¶ÇÇÑ ³»¿ëÀÌ ÀÖÀ¸¸é ¾ÊµÈ´Ù.

<FRAME>ÀÇ ¾ÖÆ®¸®ºäÆ®´Â
name = "À̸§": ÇÁ·¹ÀÓÀÇ À̸§ ÁöÁ¤Çϸç, ÈÄ¼Ó ¿¬°áÀÇ ¸ñÇ¥ ÁöÁ¤¿¡ »ç¿ë
src = "url": ÇÁ·¹ÀÓ¿¡ Ç¥Çö µÉ Ãʱâ(initial) ³»¿ëÀÇ À§Ä¡¸¦ ÁöÁ¤
noresize: ÇÁ·¹ÀÓ Ã¢ÀÇ Å©±â¸¦ Á¶Á¤ ÇÒ ¼ö ¾øÀ½
scrolling = auto | yes | no : È­¸é ±¼¸®±â(scroll) Á¤º¸¸¦ ÁöÁ¤Çϴµ¥,
  auto: ÇÊ¿äÇÒ ¶§ È­¸é ±¼¸®±â°¡ Á¦°øµÈ´Ù. µðÆúÆ® °ª
  yes: È­¸é ±¼¸®±â°¡ Á¦°øµÈ´Ù.
  no: È­¸é ±¼¸®±â°¡ Á¦°øµÇÁö ¾Ê´Â´Ù.
frameborder = 1 | 0: ÇÁ·¹ÀÓ Å׵θ®(border)¿¡ ´ë ÇÑ Á¤º¸¸¦ »ç¿ëµµ±¸¿¡°Ô Á¦°ø.
  1: ÀÌ ÇÁ·¹ÀÓ°ú °¢ ¿· ÇÁ·¹ÀÓµé »çÀÌ¿¡ ºÐ¸®ÀÚ(separator)¸¦ ±×¸°´Ù. µðÆúÆ® °ª
  0: ÀÌ ÇÁ·¹ÀÓ°ú °¢ ¿·¿¡ ºÙ¾îÀÖ´Â ÇÁ·¹ÀÓµé »çÀÌ¿¡ ºÐ¸®ÀÚ¸¦ ±×¸®Áö ¾Ê´Â´Ù.
marginwidth = pixels: ¿ÞÂÊ°ú ¿À¸¥ÂÊ ¸¶Áø(margin)µé ¾È¿¡¼­
  ÇÁ·¹ÀÓÀÇ ³»¿ë »çÀÌ¿¡ ³²¾î¾ß ÇÒ °ø°£ÀÇ ¾ç¸¦ ÁöÁ¤. 1 Çȼ¿(pixe)º¸´Ù Ä¿¾ßÇÑ´Ù.
marginheight = pixels: À§ÂÊ°ú ¾Æ·¡ÂÊ ¸¶Áøµé ¾È¿¡¼­
  ÇÁ·¹ÀÓÀÇ ³»¿ë »çÀÌ¿¡ ³²¾î¾ß ÇÒ °ø°£ÀÇ ¾ç¸¦ ÁöÁ¤. 1 Çȼ¿(pixe)º¸´Ù Ä¿¾ßÇÑ´Ù.

<NOFRAMES></NOFRAMES>À¸·Î Ç¥½ÃµÇÁö ¾Ê´Â Á¤º¸¸¦ Àü´Þ ÇÒ ¼ö ÀÖ´Ù. ÇÁ·¹ÀÓÀÌ º¸ÀÌÁö ¾Ê´Â ºê¶ó¿ìÀú¿¡ ´ëºñÇÏ¿© ¿­ È­ÀÏÀ» ±âÀçÇϴµ¥ ¸¹ÀÌ »ç¿ëµÈ´Ù.

ÇÑ ÇÁ·¹ÀÓ ¾È¿¡ ´Ù½Ã ÇÁ·¹ÀÓÀ» ¸¸µé ¼ö ÀÖÀ¸¸ç, ÀûÀýÇÏ°Ô ³×½ºÆÃÇÏ¸é ¿©·¯ ´Ü°èÀÇ ¿©·¯°³ÀÇ ÇÁ·¹ÀÓÀ» ¼³Á¤ ÇÒ ¼ö ÀÖ´Ù. ¿¹Á¦¸¦ º¸¸é

<HTML>
<HEAD>
<TITLE>ÇÁ·¹ÀÓ¼¼Æ®(frameset) ¹®¼­</TITLE>
</HEAD>
<FRAMESET cols="16%,45%,39%">
 <FRAME src="hs3frm.html" name="frame3" frameborder="0">
  <FRAMESET rows="150,*,40%">
    <FRAME src="hs1frm.html" name="frame1" scrolling="no">
    <FRAME src="../../gif/vmhome.gif" marginwidth="10" marginheight="15"
	noresize name="frame5">
    <FRAME src="hs2frm.html" name="frame2" scrolling="yes">
  </FRAMESET>
 <FRAME src="hs4frm.html" name="frame4" frameborder="0">
<NOFRAMES><a href="hs2frm.html">hs2frm.html</a></NOFRAMES>
</FRAMESET>
</HTML>
»õ âÀ¸·Î ¿¹Á¦ÀÇ °á°ú¸¦ º¸¸é

Javascript¿Í ¿¬°üÇÏ¿© Login ID¿Í ¾ÏÈ£¸¦ ÀÔ·ÂÇÏ´Â ÇÁ·¹ÀÓ±¸Á¶¸¦ ½±°Ô º¼ ¼ö Àִµ¥ ÀÌ´Â À̵é ÇÁ·¹ÀÓ¿¡ »óȲ¿¡ µû¶ó ´Ù¸¥ ÆäÀÌÁö¸¦ º¸¿©ÁÖµµ·Ï ¼³°èµÇ¾î ÀÖ´Ù. ´Ù¼Ò ¾î·Á¿ï·±Áö´Â ¸ð¸£°ÚÀ¸³ª ÀÏ´Ü ÇÁ·¹ÀÓÀÇ °³³äÀ» ÀÌÇØÇϵµ·Ï ¿¹Á¦¸¦ ¼ö·ÏÇÑ´Ù.

Login ID¿Í ¾ÏÈ£ ÀÔ·Â ¿¹Á¦

FRAME¿¡ °ü ÇÑ ÀÚ¼¼ÇÑ °ÍÀº HTML ±Ô°ÝÀ» ÂüÁ¶Ç϶ó.


HTML¼­·Ð HTML±âº» ¹®ÀÚÇ¥Çö ¹®¼­Àå½Ä ¹®¼­¿¬°á ¹®¼­¸ñ·Ï Ç¥(TABLE) ÀÔ·ÂÀÛ¾÷ âƲ¥±â
ÀÌ Trio ȨÆäÀÌÁö ¹®¼­(http://trio.co.kr/webrefer/httut/htframe.html)´Â ÀÚÀ¯·ÎÀÌ ¿¬°á »ç¿ëÀÌ °¡´ÉÇÔ.