오늘은 프레임에 대해 알아보겠습니다.
프레임은 좀 복잡하긴 한데요...
설명드리는 데로 잘 따라해 보시기 바랍니다.
프레임은 간단히 표현하면 화면 나누어 쓰기 입니다. 웹브라우저에서 보면 하나의 문서처럼 보이는 것도 자세히 보면 둘 이상의 화면으로 구분되어 있는 경우가 많습니다.
메뉴 화면이 왼쪽에 고정되어 있고 메뉴를 누르면 오른쪽 화면의 내용이 바뀌는 것을 흔히 보았을 것입니다. 이런 것이 프레임을 나누어 사용한 예라고 할 수 있습니다.
프레임이 아닌 통짜로 인클루드라는 것이 있는데 그건 차후에 설명드릴 내용이구요.
오늘은 프레임에 대한것 만 설명해 드리겠습니다.
예제로 페이지를 2페이지로 나눌려면 html 파일이 3개가 필요합니다.
나눠진 2개의 페이지를 한번에 보는 페이지 즉 부모 페이지를 프레임셋 문서라고 합니다.
2개의 페이지를 불러오는 프레임셋 문서 하나, 나눠진 2개의 문서 하나씩 3개죠....
먼저 프레임셋 파일 입니다.
<html>
<head>
<title> HTML 연습 </title>
</head>
<frameset cols="150,*" border=0>
<frame src="menu.html">
<frame src="body.html" name="right">
</frameset>
</html>
위와 같이 입력 하신 후 frameset.html 파일로 저장합니다.
<frameset cols="150,*" border=0> </frameset> 이것은 프레임셋을 왼쪽 150픽셀, 오른쪽 나머지 공간 모두 사용 하라는 프레임셋 테그입니다.
<frame src="menu.html"> 왼쪽에 menu.html 이라는 문서를 불러오라는 내용입니다.
<frame src="body.html" name="right"> 오른쪽에 body.html 이라는 문서를 불러오라는 내용입니다.
저장 후 웹브라우져로 파일을 열어보면 한 페이지에 2개로 나눠진 페이지가 뜰것 입니다.
아직 menu.html 파일과 body.html 파일이 없어서 에러 페이지로 뜰것 입니다.
그럼 menu.html 파일을 만들어 보겠습니다.
<html>
<head>
<title> HTML 연습 </title>
</head>
<body>
<a href=//www.bcpark.net target=right>비씨파크</a><br>
<a href=//www.yahoo.com target=right>야후</a><br>
<a href=//www.naver.com target=right>네이버</a>
</body>
</html>
이렇게 입력 하신 후 이름을 menu.html 파일로 저장하시기 바랍니다.
위 frameset.html 파일에서 <frame src="body.html" name="right"> 프레임의 네임을 right 로 주었기 때문에
menu.html 파일에서 하이퍼 링크를 걸때 target=right 를 주어야 오른쪽 프레임에 링크가 걸리게 됩니다.
만약 target=right를 주지 않을경우 자신의 프레임 즉 menu.html 쪽 프레임에서 페이지가 바뀌게 되는 것입니다.
body.html 파일은 여러분께서 어떤내용을 만들어 넣어도 상관 없습니다.
지금까지 배운거 실습겸 만들어 넣어보세요...^^
여기까지 프레임의 기본적인것을 배웠습니다.
비씨파크 주식회사, 대표이사 : 박병철 개인정보보호책임자 : 박병철
사업자등록번호 : 114-86-19888 |
본사 : 서울특별시 서초구 서초대로73길, 42, 1307호
전자우편 : master@bcpark.net |
(전화전 이용문의 게시판 필수)
전화: 02-534-982구(09:00~18:00) |
팩스: 02-535-155구 |
긴급: 010-9774-988삼
ㆍ저작권안내 : 비씨파크의 모든 컨텐츠(기사)는 저작권법에 보호를 받습니다. 단, 회원들이 작성한 게시물의 권리는 해당 저작권자에게 있습니다. 비씨파크에 게재된 게시물은 비씨파크의 입장과 다를 수 있습니다. 타인의 저작물을 무단으로 게시, 판매, 대여 또는 상업적 이용시 손해배상의 책임과 처벌을 받을 수 있으며, 이에 대해 책임을 지지 않습니다.
ㆍ쇼핑몰안내 : 비씨파크는 통신판매중개자로서 상품 주문, 배송 및 환불의 의무와 책임은 각 판매 업체에 있습니다.
Copyright ⓒ 2000-2026 BCPARK Inc. All Right Reserved.
