프레임이란 쉬운말로 브라우저 창을 여러개의 창으로 나누는 것을 말한다. 메뉴가 많은 홈페이지라면 사용자들을 위해 적당하게 프레임을 나눔으로 인해 사용자가 미궁에 빠지는 일이 없도록 배려하기도 하고 깔끔한 인터페이스를 제공하는 목적으로도 사용된다. 우선 프레임의 기본적인 것을 알아보도록 한다.

웹 상에 프레임을 만들기 위해서는, 영역을 구분해 주는 <FRAMESET>태그와 나누어진 영역 내에 넣을 HTML문서를 가져오는 <FRAME>태그가 필요하다. 우선 창을 내 맘대로 나누고 각각의 나눈 창에 보여줄 html문서를 지정한다는 의미이다.

<FRAME>태그는 <FRAMESET></FRAMESET>태그 사이에 위치하게 되고, <FRAMESET>태그는 <HEAD>태그 뒤에 오게 된다.
<FRAME>은 마침 태그가 없지만, <FRAMESET>태그는 마침 태그가 있다.

<FRAMESET>태그에서는 ROWS,COLS속성을 사용하여 화면을 나누는 역할을 한다. 여기서 ROWS는 위 아래로, COLS는 좌우로 창을 나누어 준다. 중요한 사실은 창을 만드는 기능은 결국 3개 이상의 HTML문서가 필요하다는 것이다. 창을 만들어 그 안에 들어갈 문서와 모든 창들을 총괄하는 문서가 필요하고, 아울러 개개의 창에 대한 문서가 필요하다."숫자 혹은 %"는 창을 나누게 될 비율 혹은 픽셀에 관한 것이다.여기서 숫자 혹은 %는 콤마(,)로 나뉘게 된다. 복잡한거 같지만 예를 들어 보면 그렇게 복잡한것도 아니다.

비율로 나누기 - 좌우로 나누기
<html>
<head><title>프레임을 배워보자</title></head>

<FRAMESET COLS="30%,70%">
  <FRAME SRC="1.html">
  <FRAME SRC="2.html">
</FRAMESET>

</html>

비율로 나누기 - 상하로 나누기
<html>
<head><title>프레임을 배워보자</title></head>

<FRAMESET ROWS="30%,70%">
  <FRAME SRC="1.html">
  <FRAME SRC="2.html">
</FRAMESET>

</html>


숫자로 나누기 - 좌우로 나누기(1)
<html>
<head><title>프레임을 배워보자</title></head>

<FRAMESET COLS="3*,*">
  <FRAME SRC="1.html">
  <FRAME SRC="2.html">
</FRAMESET>

</html>

여기에서 3* 이란 오른쪽을 *으로 잡고 왼쪽은 그것에 3배 즉 전제척으로 보면 왼쪽은 오른쪽의 3배가 되므로 왼쪽은 창을 3/4 으로 보여주고 오른쪽은 창을 1/4 으로 보여준다.


숫자로 나누기 - 좌우로 나누기(2)
<html>
<head><title>프레임을 배워보자</title></head>

<FRAMESET COLS="150,*">
  <FRAME SRC="1.html">
  <FRAME SRC="2.html">
</FRAMESET>

</html>

150,* 이란 왼쪽을 150픽셀로 보여주고 오른쪽은 전체창의 나머지 부분을 보여주라는 뜻이다.