웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
1 - 6. 프레임
2003.02.25 06:16
프레임은 웹 브라우저 화면을 여러 개로 나눈 단위를 의미한다. 인터넷상의 많은 홈 페이지에 접속해 보면 화묜이 여러 개로 분할되어 있는 것을 볼 수 있는데, 이러한 것 들이 프레임 기능을 이용하여 작성된 것이다. 프레임을 나눌 때에는 다음과 같은 형식을 이용하여 작성한다.
㈎ <FRAMESET ROWS="픽셀 수 또는 백분율"> : 화면의 위아래로 분할
㈏ <FRAMESET COLS="픽셀 수 또는 백분율"> : 화면의 좌우로 분할
프레임이 여러개로 나누어질 때에 다음과 같이 분할된 각 프레임의 이름을 정해 놓고지정된 문서가 NAME로 지정한 위치에 나타나게 해 준다.
㈐ <FRAME SRC="URL" NAME="프레임 이름">
다음은 위의 프레임을 구현한 예이다 구현된 프레임은 기본 프레임, 왼쪽 프레임, 오른쪽 프레임의 세 개의 파일로 구성된다.
<HTML>
<HEAD><TITLE> 프레임 나누기 </TITLE></HEAD>
<FRAMESET COLS=30%, 70%>
<FRAMESET SRC="frame-left.html" NAME="left-frame">
<FRAMESET SRC="frame-right.html" NAME="right-frame">
</FRAMESET>
</HTML>
↑ 기본 프레임
<HTML>
<HEAD><TITLE> 왼쪽 프레임 </TITLE></HEAD>
</HEAD>
<BODY>
<P> 왼쪽 프레임입니다.. <P>
</BODY>
</HTML>
↑ 왼쪽 프레임 : 파일명 frame-left.html
<HTML>
<HEAD><TITLE> 오른쪽 프레임 </TITLE></HEAD>
</HEAD>
<BODY>
<P> 오른쪽 프레임입니다.. <P>
</BODY>
</HTML>
↑ 오른쪽 프레임 : 파일명 frame-right.html
㈎ <FRAMESET ROWS="픽셀 수 또는 백분율"> : 화면의 위아래로 분할
㈏ <FRAMESET COLS="픽셀 수 또는 백분율"> : 화면의 좌우로 분할
프레임이 여러개로 나누어질 때에 다음과 같이 분할된 각 프레임의 이름을 정해 놓고지정된 문서가 NAME로 지정한 위치에 나타나게 해 준다.
㈐ <FRAME SRC="URL" NAME="프레임 이름">
다음은 위의 프레임을 구현한 예이다 구현된 프레임은 기본 프레임, 왼쪽 프레임, 오른쪽 프레임의 세 개의 파일로 구성된다.
<HTML>
<HEAD><TITLE> 프레임 나누기 </TITLE></HEAD>
<FRAMESET COLS=30%, 70%>
<FRAMESET SRC="frame-left.html" NAME="left-frame">
<FRAMESET SRC="frame-right.html" NAME="right-frame">
</FRAMESET>
</HTML>
↑ 기본 프레임
<HTML>
<HEAD><TITLE> 왼쪽 프레임 </TITLE></HEAD>
</HEAD>
<BODY>
<P> 왼쪽 프레임입니다.. <P>
</BODY>
</HTML>
↑ 왼쪽 프레임 : 파일명 frame-left.html
<HTML>
<HEAD><TITLE> 오른쪽 프레임 </TITLE></HEAD>
</HEAD>
<BODY>
<P> 오른쪽 프레임입니다.. <P>
</BODY>
</HTML>
↑ 오른쪽 프레임 : 파일명 frame-right.html
댓글 3
-
Vichara
2003.02.27 09:28
서명원츄 -_-)b -
wony
2003.02.27 20:35
거시기 서명을 보셧군요 -_-;; 지금은 mp24cast 라는 ㅋㅋ -
문예림
2003.03.15 21:27
서명의 졸라맨이 참 존경스럽군요 저 웨이브+_+;;
제목 | 글쓴이 | 날짜 |
---|---|---|
[HTML 초보자] 열거목록에 대한 스타일정의 세번째 | ZipShin | 2003.03.12 |
[HTML 초보자] 테이블태그 테두리 효과 - frame 옵션의 활용 [1] | ZipShin | 2003.02.28 |
[HTML 초보자] 쉽게 버튼 만들자 | ZipShin | 2003.02.28 |
[HTML 초보자] 프레임셋의 기타 설정 [3] | ZipShin | 2003.02.26 |
1 - 6. 프레임 [3] | wony | 2003.02.25 |
1 - 5. HTML 문서의 연결 | wony | 2003.02.25 |
1 - 4. 목록 및 표 작성 [2] | wony | 2003.02.25 |
1 - 3. 글자 및 양식 관련 태그 | wony | 2003.02.25 |
1 - 2. HTML 문서의 구성 | wony | 2003.02.25 |
1 - 1. HTML 문서 | wony | 2003.02.25 |
배경음악 여러개 나오게 하기.. [6] | 라엘 | 2003.02.23 |
[HTML 초보자] 프레임 나누기 기초 [1] | ZipShin | 2003.02.20 |
아이프레임 자동으로 크기 맞추어 주기.. [9] | S,CAC | 2003.02.16 |
오픈창 닫기 [7] | 깜보 | 2003.02.16 |
링크관련 ^^ [27] | K.샘 | 2003.02.13 |
[HTML 초보자] 동영상과 함께 자막도 재생하여 보자 [8] | ZipShin | 2003.02.11 |
점선 테이블 만둘기 강좌(중복이면.. 지워주세요) [4] | 라엘 | 2003.02.10 |
웹페이지 대화상자 띄우기. [4] | 세죠위그이 | 2003.02.05 |
하이퍼 링크색 바꾸기 [3] | 권순빈 | 2003.02.03 |
스크롤바 색 바꾸기 [1] | 권순빈 | 2003.02.03 |