 |
문서에서 창 틀 짜기(FRAME) |  |
| 이전순서 | 다음순서 | 목차 | 엘레멘트 | 애트리뷰트 | HTML 규격 |
문서에서 창 틀 짜기(FRAMESET, 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,*")로 지정하여도 된다. 새 창으로 예제의 결과를 보면 첫번째 프레임의 이름(name)은 "frame1" 이고, 최초로 읽어 그자리에 넣을 문서를 src="hs1frm.html"로 지정하였다. 두번째 프레임의 이름(name)은 "frame2" 이고, 최초로 읽어 그자리에 넣을 문서를 src="hs2frm.html"로 지정하였다. 프레임 세트 문서에는 <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 규격을 참조하라. |