웹마스터 팁

1 - 6. 프레임

2003.02.25 06:16

wony

프레임은 웹 브라우저 화면을 여러 개로 나눈 단위를 의미한다. 인터넷상의 많은 홈 페이지에 접속해 보면 화묜이 여러 개로 분할되어 있는 것을 볼 수 있는데, 이러한 것 들이 프레임 기능을 이용하여 작성된 것이다. 프레임을 나눌 때에는 다음과 같은 형식을 이용하여 작성한다.

㈎ <FRAMESET ROWS="픽셀 수 또는 백분율"> : 화면의 위아래로 분할
㈏ <FRAMESET COLS="픽셀 수 또는 백분율"> : 화면의 좌우로 분할
프레임이 여러개로 나누어질 때에  다음과 같이 분할된 각 프레임의 이름을 정해 놓고지정된 문서가 NAME로 지정한 위치에 나타나게 해 준다.
㈐ <FRAME SRC="URL" NAME="프레임 이름">

다음은 위의 프레임을 구현한 예이다 구현된 프레임은 기본 프레임, 왼쪽 프레임, 오른쪽 프레임의 세 개의 파일로 구성된다.

<HTML>
<HEAD><TITLE> 프레임 나누기 </TITLE></HEAD>
        <FRAMESET COLS=30%, 70%>
        <FRAMESET SRC="frame-left.html" NAME="left-frame">
        <FRAMESET SRC="frame-right.html" NAME="right-frame">
        </FRAMESET>
</HTML>

↑ 기본 프레임

<HTML>
<HEAD><TITLE> 왼쪽 프레임 </TITLE></HEAD>
</HEAD>
<BODY>
        <P> 왼쪽 프레임입니다.. <P>
</BODY>
</HTML>

↑ 왼쪽 프레임 : 파일명 frame-left.html

<HTML>
<HEAD><TITLE> 오른쪽 프레임 </TITLE></HEAD>
</HEAD>
<BODY>
        <P> 오른쪽 프레임입니다.. <P>
</BODY>
</HTML>

↑ 오른쪽 프레임 : 파일명 frame-right.html