html

HTML - frameset 태그

2월 22, 2019
프레임 나누기 기본 형식은 다음과 같습니다.

<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 스크롤 바를 생기게 할 지 정하는 속성.
  • auto : 자동
  • yes: 스크롤 생김
  • no: 스크롤 안 생김
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>


Tag:

0 Comments

0 댓글