html
HTML - frameset 태그
프레임 나누기 기본 형식은 다음과 같습니다.
프레임을 나눌 때는 프레임을 나누는 역할을 하는 최초의 HTML 문서가 있어야 합니다.
최초의 HTML 문서의 파일명이 보통 메인 파일 "index.html" 가 되며, 프레임을 나누는 태그는 일반 HTML 문서의 <BODY>~</BODY> 태그를 대신 사용됩니다.
각각 "창1", "창2"에 A.HTML, B.HTML 문서를 지정했습니다. 태그가 나타나는 순서에 의해 문서의 위치가 "창1"인지 "창2" 인지가 결정됩니다.
<FRAMESET COLS="X%, Y%" border="0">
<FRAME SRC="A.HTML">
<FRAME SRC="B.HTML">
</FRAMESET>
프레임을 나눌 때는 프레임을 나누는 역할을 하는 최초의 HTML 문서가 있어야 합니다.
최초의 HTML 문서의 파일명이 보통 메인 파일 "index.html" 가 되며, 프레임을 나누는 태그는 일반 HTML 문서의 <BODY>~</BODY> 태그를 대신 사용됩니다.
각각 "창1", "창2"에 A.HTML, B.HTML 문서를 지정했습니다. 태그가 나타나는 순서에 의해 문서의 위치가 "창1"인지 "창2" 인지가 결정됩니다.
frameset 태그
프레임을 나눌 창을 구성하는 태그입니다.
<frameset rows="30%, 70%" cols="20%, *" frameborder="0/1">
속 성 | 설 명 |
---|---|
rows | 가로 화면 비율 : % 화면을 상하로 프레임을 나눌 때 이용. |
cols | 세로 화면 비율 : % 화면을 좌우로 프레임을 나눌 때 이용. |
border | 프레임의 경계선 굵기 |
frameborder | 프레임의 경계선 표시 여부. 0 | 1 중 하나. 프레임의 경계선을 표시하려면 1, 아니면 0 |
framespacing | 프레임 간의 여백 조정. |
frame 태그
각 프레임에 보여줄 파일을 지정할 때 사용하는 태그입니다.
<frame src="웹페이지주소" scrolling="auto/yes/no"
marginwidth="수치" arginwidth="수치">
속 성 | 설 명 |
---|---|
name | 프레임 이름을 지정. target 으로 링크할 경우 필요함. |
noresize | 프레임 경계를 마우스로 조절을 못하게 함. |
scrolling | 스크롤 바를 생기게 할 지 정하는 속성.
|
marginweight | 프레임 안의 좌우 여백 |
marginheight | 프레임 안의 상하 여백 |
src | 나누어진 화면에 불러올 웹 페이지 지정 |
프레임 예제
다음은 프레임을 나누기 예제입니다.30%, 70% 로 나눈 프레임:
<frameset cols="30%, 70%">
<frame src="left.htm" name="left">
<frame src="right.htm" name="right">
</frameset>
50%, 50% 로 나눈 프레임:
<frameset rows="50%, 50%">
<frame src="top.htm" name="top">
<frame src="bottom.htm" name="bottom">
</frameset>
20%, 30%, 50% 로 나눈 프레임:
<frameset rows="20%,30%,50%">
<frame src="top.htm" name="top">
<frame src="middle.htm" name="middle">
<frame src="bottom.htm" name="bottom">
</frameset>
20%, * 로 나눈 프레임:
먼저 위, 아래를 나눕니다. 20%옆에 *은 나머지 비율을 뜻합니다. 밑 쪽에 위치할 문서가 또 분할되었군요. 다시 한번 framset 을 써주고 세로로 나눕니다. 2* 은 *의 두 배를 뜻합니다.<frameset rows="20%, *">
<frame src="top.htm" name="top">
<frameset cols="*.2*">
<frame src="middle.htm" name="middle">
<frame src="bottom.htm" name="bottom">
</frameset>
</frameset>
20%, *, 20% 로 나눈 프레임:
먼저 가로로 세 단계를 나눕니다. 맨 위와 맨 아래를 각각 20%로 설정했군요. 가운데 들어갈 문서를 세로로 나눠 주었습니다. 가운데 자리에 framset 을 써서 세로로 또 나눕니다. "*, 2*" 는 오른쪽 면적이 왼쪽의 2배가 됩니다.<frameset rows="20%, *, 20%">
<frame src="top.htm" name="top">
<frameset cols="*.2*">
<frame src="left.htm" name="left">
<frame src="right.htm" name="right">
</frameset>
<frame src="bottom.htm" name="bottom">
</frameset>
50%, *, 50% 로 나눈 프레임:
무작정 frame 태그를 이용하여 4개로 쭉 나눠주면 이와 같은 모양이 됩니다.<frameset cols="50%, *" rows="50%, *">
<frame src="1.htm" name="1">
<frame src="2.htm" name="2">
<frame src="3.htm" name="3">
<frame src="4.htm" name="4">
</frameset>
0 댓글