size="2">18. 프레임(Frame) tag
다음에 있는 내용은 지난 호에 있던
2) 프레임의 기본 구조 내용입니다. 참조하세요.
<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>
1) 프레임(Frame)
tag의 기본
<FRAME
src="html 파일 이름">
<FRAME> Tag는
<FRAMESET> Tag와 달리 closing tag가 없이 opening tag 만으로
이루어 집니다.
<FRAMESET> Tag로 프레임을 나누었다면 <FRAME>
Tag에는 <FRAMESET> Tag로 나눈 곳에 들어갈 html 파일을 지정하게
됩니다. <FRAMESET> Tag에서 화면을 나눈 만큼 <FRAME>
Tag를 사용하면 됩니다.
2) 프레임(Frame)
tag 예제
아래에 있는 내용은 제 홈페이지
프레임 태그입니다. 프레임을 위와 아래 두 개로 나누었습니다. target은
프레임 Tag 안에 삽입할 수도 있고 base target으로 설정해서 사용할
수도 있습니다.
<frame src="menu.htm"
name="header" noresize scrolling="no" marginwidth="10"
marginheight="8" target="main">
<frame
src="main.htm" name="main" noresize scrolling="auto"
marginwidth="10" marginheight="14">
- src size="2"> - <img src="image file name"> 처럼
사용하면 됩니다. src는 source의 약자입니다. html 소스가 어디에
있는지 정보를 나타내고 거기서부터 파일을 불러오는 것입니다.
절대경로나 상대경로를 사용하면 됩니다.
- name size="2"> - 프레임의 이름을 정의합니다. 자바 스크립트를 이용해서
프로그래밍할 때 유용합니다. 그리고 target을 줄 경우에는 정말
필요합니다.
- noresize size="2"> - noresize를 주게 되면 임의대로 프레임의
크기를 늘이거나 줄일 수 없습니다. default는 resize니까 생략하면
프레임의 크기 조절이 가능합니다.
- marginwidth="n"
- 프레임에 표시될 본문
내용(html 파일 내용)의 좌우 여백을 정의합니다. 물론 n은 픽셀을
나타냅니다.
- marginheight="n" size="2"> - 프레임에 표시될 본문 내용(html 파일
내용)의 상하 여백을 정의합니다. 여기서도 n은 픽셀을 나타냅니다.
- netscape와 explore는 브라우저의
기본 margin이 서로 다릅니다. 따라서 marginwidth와 marginheight를
사용했을 경우, 두 브라우저에서 이미지나 텍스트가 나타나는 위치가
서로 다르니 이상하게 생각하지 마세요.
- target size="2">- target을 지정해 놓으면 위의 경우에는
menu.htm 파일에 있는 하이퍼 링크를 클릭하면 main.htm 파일이
있는 프레임에 그 내용이 나타납니다. 대개 target 지정은 menu에서
많이 사용하고 target이 되는 곳은 본문이 나타나는 곳입니다.
나모에디터로 작성하게 되면 namo_target_frame="main.htm"
과 같은 형태로 됩니다. 그냥 알고 계시라구요. 메뉴를 클릭했는데
새로운 창이 뜰 경우는 대부분 target을 target="_blank"
과 같이 지정한 경우입니다.
메뉴를 클릭했을 때 메뉴가 있는
프레임에 내용이 나타날 경우는 target을 지정하지 않았을 경우가
대부분입니다.
프레임에 대한 내용은 지금까지의
설명만 이해한다면 나모에디터와 같은 에디터로 작성한 다음 수정하는
데는 아마 문제가 없을 겁니다.
제가 경험한 바로는 프레임을 나누는
것은 대부분 메뉴를 사용할 경우 사용하며 사용자 정보와 같은 일시적인
정보를 저장하는데도 사용할 수 있습니다. |
[펌 강의] 18. 프레임(Frame) tag 
