웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
노프레임홈페이지 디비기 3 - 경로
[42]
![]() | 리디 | 2003.03.31 |
쭘's식 홈페이지 만들기 No.2 - 예제 미리보기 포함
[14]
![]() | 쭘's | 2003.03.30 |
노프레임홈페이지 디비기 2 - 헤더와 풋터
[57]
![]() | 리디 | 2003.03.26 |
노프레임홈페이지 디비기 1 - 계층
[16]
![]() | 리디 | 2003.03.25 |
HTML의 정의 [8] | 이태운 | 2003.03.23 |
쭘's 식 쉽게 홈페이지 만들기
[15]
![]() | 쭘's | 2003.03.17 |
1 - 6. 프레임 [3] | wony | 2003.02.25 |
1 - 5. HTML 문서의 연결 | wony | 2003.02.25 |
배경음악 여러개 나오게 하기.. [6] | 라엘 | 2003.02.23 |
[HTML 초보자] 프레임 나누기 기초 [1] | ZipShin | 2003.02.20 |
아이프레임 자동으로 크기 맞추어 주기.. [9] | S,CAC | 2003.02.16 |
웹페이지 대화상자 띄우기. [4] | 세죠위그이 | 2003.02.05 |
핫키를 타겟에 적용시켜 봅시다-_- [3] | 위드 | 2003.01.21 |
모바일(핸드폰용) 홈페이지 만들기. [8] | 고광욱 | 2003.01.13 |
테이블을 이용한 문서의 정렬 [4] | 서성원 | 2003.01.11 |
이미지 없이 그라데이션 효과 내기 - 수정. [7] | Pe-i | 2003.01.10 |
[1분짜리 팁!] 마우스커서 바꾸기! [10] | 찐군 | 2003.01.09 |
기본에 충실하자. 표관련 태그 정리... [2] | 이기형 | 2003.01.09 |
글씨태그 | 조현원 | 2003.01.08 |
HTML만으로 BGM Player 만들기... [7] | 고광욱 | 2003.01.02 |