size="2">17. 프레임(Frame)이란 무엇일까?
이제 Table에 대한 강좌를 마치고
프레임에 대한 강좌를 시작하겠습니다. 프레임은 무엇일까.. 에 대한
간략한 설명을 드릴께요. 일단 프레임을 사용하면 한 브라우저에서 여러
개의 html 파일을 화면에 보여줄 수 있다는 장점이 있지만, 너무 많이
사용하면 보기 흉할 수도 있답니다.
1) 프레임이란?
프레임이란, 위에서
간략히 설명한 것과 같이 한 브라우저에 여러 개의 html 파일을 보여주기
위해서 사용됩니다. 프레임으로 된 페이지를 보려면 프레임을 지원하는
브라우저를 사용해야 하는데, 요새 많이 사용하고 있는 netscape4.0
이상 버전이나 explore 4.0 이상 버전은 물론 프레임을 지원합니다.
웹 서핑을 하다보면
알 수 있듯이 프레임은 주로 메뉴를 구성하는데 주로 사용합니다. 상하로
나누거나 좌우로 나누어서 대부분 사용하죠. size="2" color="gray">
2) 프레임(Frame)의
기본 구조
<html>
<head>
<title> 쎌리의 홈페이지 만들기 </title>
</head>
<frameset cols="n, n, n..." or(and) rows="n, n,
n...">
<frame src="html 파일 이름">
<frame src="html 파일 이름">
.
.
.
</frameset>
<body>
<p align="center">이 페이지를
보려면 , 프레임을 볼 수 있는 브라우저가 필요합니다.</center>
</body>
</html>
<!-- 프레임 Tag는
<head> Closing Tag와 <body> Opening Tag 사이에 삽입되어야
합니다. <body> Tag 안에는 주로 "이 페이지를 보려면 ,
프레임을 볼 수 있는 브라우저가 필요합니다." 라는 메시지를 주로
사용했었습니다. 왜냐하면 그래야 프레임을 지원하지 않는 브라우저에서
뭔가가 화면에 디스플레이 되니까요.. -->
3) 프레임셋 태그(FrameSet Tag) size="2">
<frameset cols="n,
n, n... or n%, n%, n%..., or *, *, *..." or(and) rows="n,
n, n.... or n%, n%, n%..., or *, *, *..." frameborder="0(no)
or 1(yes)" border="n">
.
.
.
</frameset>
cols="n,
n, n..."은 표(table)에서 <td> tag 안에 사용한 colspan의
속성과 같이 열을 의미하며, 브라우저에서 화면을 세로 방향으로
나누어 보이게 할 경우에 사용합니다.
여기서 n은
숫자를 말합니다. 처음의 n, n, n...을 사용할 경우는 픽셀 단위를
나타내게 됩니다. 그리고 두번째 경우의 n%, n%, n%...의 경우는
브라우저 전체 화면을 100%로 보았을 경우를 기준으로 비율로 나타내게
됩니다. n을 모두 합치면 100이 되어야겠죠. 그리고 마지막 *, *,
*... 는 화면을 동일한 폭이나 길이로 나누겠다는 것을 뜻합니다.
frameborder는
그 값이 0일 경우는 no를 뜻하며 프레임 경계를 나타내지 않겠다는
이야기이고, 1일 경우는 yes를 뜻하며 프레임 사이에 있는 경계선을
표시하겠다는 이야기입니다.
frameborder="0" 과 frameborder="no", frameborder="1"과
frameborder="yes"는 서로 같은 뜻이라는 이야기입니다.
border="n"에서
n은 픽셀 단위의 숫자이며, 프레임과 프레임의 간격을 조절할 경우에
사용합니다. border="0"으로 사용하면 프레임이 서로
여백이 없이 붙는 현상을 볼 수 있습니다.
다음에는 frame tag와 간단한 예제를
보도록 하겠습니다. |