태그코리아 - http://www.tagkorea.pe.kr

[야후에서도 못찾아?? 그럼.. 캐넌이 찾아주까??..^^;]

H O M E

▒ HTML 기본태그

▒ 태그설명&자료 1

▒ 태그설명&자료 2

▒ [CSS]스타일시트

▒ 홈페이지 만들기

▒ 인터넷에 올리기

▒ 노프레임 만들기

▒ 소 스 자 료 실

▒ 자바스크립트 소스

▒ 제로보드 설치하기

▒ 엽기 / 동영상

▒ 태 그 연 습 장

프레임 나누기

프레임 나누기

www.tagkorea.pe.kr

(1) 프레임 나누기 기본 형식

프레임을 나눌 때는 프레임을 나누는 역할을 하는 최초의
HTML 문서가 있어야 한다. 이 때 최초의 HTML 문서의 파일명이 
보통 메인 파일이 "index.html(html)"로 된다.
만약 A.HTML이라는 것을 메뉴 파일이라 하고 B.HTML를 가운데(오른쪽)에 
뜨는 파일이라 한다면, 최초 메인 파일인 INDEX.HTML에 FRAMESET
태그를 넣으면 된다.
프레임을 나누는 태그는 일반 HTML 문서의 <BODY>~</BODY>
태그 대신 사용된다.
프레임은 <FRAMESET COLS=~>, <FRAMESET ROWS=~> 등의
태그를 사용하여 나누는데 <FRAMESET COLS=~>는 좌우로 나
누는 태그이고 <FRAMSET ROWS=~>는 상하로 나누는 태그이다.
이 태그들은 혼합되어 사용될 수 있다.
1. 좌우 나누기
<FRAMESET COLS="X%,Y% border="0">  (X, Y=숫자)
<FRAME SRC="A.HTML">
<FRAME SRC="B.HTML">
</FRAMESET>

index.html(메인파일)에 이 소스만 넣습니다.

★중요★ border="0"을 넣지 않으면 프레임이
제대로 안나눠짐.
① <FRAMESET COLS="X%,Y%">
창을 좌우로 나눈다. 「창1」이 X% 만큼, 「창2」가 Y% 만큼의 크기가 된다.
★ 항상 X%+Y%=100%가 되게한다.
② < FRAMESET SRC="A.HTML>,<FRAME SRC="B.HTML">
「창1」,「창2」에 A.HTML, B.HTML 문서가 나타난다.
태그가 나타나는 순서에 의해 문서의 위치가 「창1」인지 「창2」인지가 결정된다.

③ </FRAMESET>
프레임 끝을 표시한다.

▶프레임 좌우나누기 예 제◀

2. 상하 나누기

<FRAMESET ROWS="X%,Y% border="0"> (X, Y=숫자) <FRAME SRC="A.HTML"> <FRAME SRC="B.HTML"> </FRAMESET> ★중요★ 역시 border="0"을 써야 한다. 중요하다 안쓰면 안된다...ㅡㅡ;

이것 역시 좌우나누기와 비슷하다 <FRAMESET COLS 에서
<FRAMESET ROWS로 바뀌는것밖에 없어 설명이 없다.

▶프레임 상하나누기 예 제◀

3. 프레임나누기 용어

① frameset 태그 속성 ( <frameset rows="30%,70%" /cols="20%, * "frameborder="0/1"> )

rows="가로화면비율%" 화면을 가로로 나누는 명령어

cols="세로화면비율%" 화면을 세로로 나누는 명령어

frameborder=0 혹은 1 프레임 구분선을 나타낼땐 1, 그렇지 않을땐 0 을 설정

framespacing="수치" 프레임 간의 간격을 조정

　

② frame태그 속성( <frame src="웹페이지주소" scrolling="auto/yes/no" marginwidth="수치" arginwidth="수치"> )

name="문자열" 프레임 이름을 지정, target 링크할 경우 필요함

noresize 프레임 경계를 마우스로 조절을 못하게 함

scrolling="auto/yes/no" 스크롤바를 생기게 할지 정하는 명령어. auto : 자동, yes : 스크롤 생김, no : 스크롤 안 생김

marginwidth="수치" 프레임 좌우경계선과 그 안에 내용과의 여백조정

arginwidth="수치" 프레임 상하경계선과 그 안에 내용과의 여백조정

<frame src="불러올 웹페이지"> 나누어진 화면에 불러올 웹페이지 지정

(2) 프레임 나누기 응용 하기

◆프레임 상하좌우 나누기

<frameset rows="17%,*" border="0">
    <frame src="c1.html" scrolling="no" noresize>
<frameset rows="1*" cols="25%, 75%" border="0">
    <frame src="c2.html" name="left" scrolling="yes"
     marginwidth="10" marginheight="14" noresize>
    <frame src="c3.html" name="right" scrolling="yes"
     marginwidth="10" marginheight="14" noresize>
</frameset>

 역시 가장 메인 html문서에 작성한다.    ▶상하좌우 프레임 예제보러가기◀

☆★ Tip ★☆

프레임을 나누고서 제대로 효과를 못보시는 분들을 위한 팁입니다. 대부분의 질문들이 링크를 시켰는데 새로 창이 뜨거나 아님 그 속안에 바로 링크가 생기는 그러한 경우들이 있을것입니다. 이러한 질문들도 많이 올라오져...
이것에 필요한 태그에는 name 과 target 이 두가지를 사용해야해요. 하나를 예로 들어볼까요?

<frame src="main.html" name="main" scrolling="yes" marginwidth="10" marginheight="14" noresize>

여기서 name을 "main"으로 해주었습니다. 이 main 을 name 으로 해준곳이 main.html 입니다.
그래서 링크시킬때 <a href="링크주소" target="main"> 이렇게 하면 main 에 링크가 나오게 되져..^^; 좀 헷갈렸나여?
말이좀 어려웠네여...밑에 그림을 참조하시면 이해가 더 잘 될것입니다.