* 욕설, 비방, 광고, 도배질 글은 임의로 삭제됩니다.

[펌 강의] 20. 프레임(Frame) 나누기 (II)

페이지 정보

써니

본문

size="2">20. 프레임(Frame) 나누기 (II)


지난 호에서는 프레임을 두 개로
나누는 예를 들었었죠? 오늘은 프레임을 좀 더 여러 개로 나누는 예를
들어보도록 하겠습니다. 지난 호에 이어 간단한 html 파일을 두 개만
더 추가해 보도록 할께요. 1)과 2)는 지난 호에서 사용한 예이고, 3)과
4)는 추가되는 예입니다.

 

bordercolorlight="black">

1)
red.htm


<html>

<head>

    <title> 프레임 페이지
하나. </title>

</head>

<body bgcolor="red">

    첫번째 프레임 페이지 입니다.

</body>

</html>


2)
blue.htm


<html>

<head>

    <title> 프레임 페이지
하나. </title>

</head>

<body bgcolor="blue">

    두번째 프레임 페이지 입니다.

</body>

</html>

3)
yellow.htm


<html>

<head>

    <title> 프레임 페이지
하나. </title>

</head>

<body bgcolor="yellow">

    세번째 프레임 페이지 입니다.

</body>

</html>


4)
cyan.htm


<html>

<head>

    <title> 프레임 페이지
하나. </title>

</head>

<body bgcolor="cyan">

    네번째 프레임 페이지 입니다.

</body>

</html>




우선 화면을 수직으로 세 개, 네 개의 화면으로 나누어 볼까요? 왼쪽의
예는 세 개 그리고 오른쪽의 예는 4개로 나눈 예입니다. 그 이상 나누는
것은 유추하면 쉽게 할 수 있겠죠?

 

bordercolorlight="black">
size="2"><html> <head>     <title> 프레임 페이지</title> </head> <frameset cols="*,*,*" size="2">>     <frame src="red.htm">     <frame src="blue.htm">     <frame src="yellow.htm"> </frameset> <body> </body> </html> 결과를 보려면 target="_blank">여기를 클릭하세요^^  size="2"><html> <head>     <title> 프레임 페이지</title> </head> <frameset cols="*,*,*,*" size="2">>     <frame src="red.htm">     <frame src="blue.htm">     <frame src="yellow.htm">     <frame src="cyan.htm"> </frameset> <body> </body> </html> 결과를 보려면 target="_blank">여기를 클릭하세요^^



다음에는 수평으로 세 개와 네 개의 화면으로 나누어 보도록 할까요?

 

bordercolorlight="black">
size="2"><html> <head>     <title> 프레임 페이지</title> </head> <frameset rows="*,*,*" size="2">>     <frame src="red.htm">     <frame src="blue.htm">     <frame src="yellow.htm"> </frameset> <body> </body> </html> 결과를 보려면 target="_blank">여기를 클릭하세요^^ size="2"><html> <head>     <title> 프레임 페이지</title> </head> <frameset rows="*,*,*,*" size="2">>     <frame src="red.htm">     <frame src="blue.htm">     <frame src="yellow.htm">     <frame src="cyan.htm"> </frameset> <body> </body> </html> 결과를 보려면 target="_blank">여기를 클릭하세요^^ 



프레임이 생각 보다 쉽죠? 그럼 프레임을 네 개로 나누는데 수평이나
수직으로만 나누지 않고 수평 둘, 수직 둘.. 그래서 밭전(田)자 모양으로
나누는 예를 보도록 할께요.

 

bordercolorlight="black">
size="2"><html> <head>     <title> 프레임 페이지</title> </head> <frameset cols="*,*" rows="*,*">     <frame src="red.htm">     <frame src="blue.htm">     <frame src="yellow.htm">     <frame src="cyan.htm"> </frameset> <body> </body> </html> size="2">* cols 과 rows 옵션을 동시에 사용했습니다. * 나타나는 순서를 보시려면 target="_blank">여기를 클릭하세요^^ * "*" 대신 숫자를 입력하면 프레임의 크기를 조정할 수 있죠. * 숫자를 입력하면 픽셀 단위가 됩니다. * "숫자 + %"를 사용할 수 있습니다.



예제들이 너무 시시했나요? 너무 규칙적으로 프레임을 나눴죠? 다음에는
프레임 나누는 예제를 좀더 집중적으로 다루어 보도록 하겠습니다.



작성일2005-02-24 18:08

등록된 댓글이 없습니다.

컴퓨터/인터넷 목록
번호 제목 글쓴이 날짜 조회
204 [정보] 웜에 트로이목마, 백도어까지-하이브리드 웜 등장 댓글[1] 인기글 써니 2005-06-05 6008
203 [정보] 프로세서 위조, 중국에서 성행 우려 인기글 써니 2005-06-05 5948
202 [정보] 애플, 아이팟 배터리 결함에 대해 보상 합의 인기글 써니 2005-06-05 6010
201 want to buy used projectors 댓글[6] 인기글 david kim 2005-05-31 5959
200 MS Word 한글 버젼에서 영문 메뉴 설정 방법 댓글[1] 인기글 영어 2005-05-30 6155
199 답변글 MS Word 한글 버젼에서 영문 메뉴 설정 방법 댓글[1] 인기글 써니 2005-05-31 9968
198 [정보] MS : 넷스케입 8이 IE 기능 무력화 댓글[1] 인기글 써니 2005-05-28 6145
197 [정보] 차세대 DVD 통합 협상 ‘없던 일’로 댓글[1] 인기글 써니 2005-05-28 6256
196 [정보] 넷스케입, 새버전 출시되자마자 보안 패치 공개 댓글[1] 인기글 써니 2005-05-28 6618
195 [정보] 애플, 인텔 프로세서 맥에 채택 고려중 댓글[1] 인기글 써니 2005-05-28 6512
194 모니터스크린 설정 댓글[2] 인기글 궁금이 2005-05-26 6089
193 답변글 모니터스크린 설정 댓글[1] 인기글 써니 2005-05-26 6500
192 살려주세요, 바이러스가 온몸에 퍼졌음 댓글[1] 인기글 초보자 2005-05-23 6593
191 답변글 살려주세요, 바이러스가 온몸에 퍼졌음 댓글[1] 인기글 kim 2005-05-24 6447
190 답변글 살려주세요, 바이러스가 온몸에 퍼졌음 댓글[1] 인기글 왕오리 2005-05-24 6066
189 답변글 살려주세요, 바이러스가 온몸에 퍼졌음 댓글[1] 인기글 crack up 2005-05-23 6283
188 한글윈도우 삽니다 댓글[1] 인기글 한글윈 2005-05-18 6453
187 윈XP PRO에 왜 한글이 지원이 안되나요?? 댓글[2] 인기글 아무새 2005-05-18 6028
186 답변글 한글윈님 보세요.. 댓글[1] 인기글 아무새 2005-05-19 6507
185 한글 워드 프로세서 어떻게 설치해요? 댓글[1] 인기글 ??? 2005-05-17 6065
184 한인무료컴퓨터교실이 있습니다. 댓글[1] 인기글 발레호한인교회 2005-05-16 6448
183 DVD writer 인기글 svbuddy 2005-05-16 8527
182 답변글 DVD writer 댓글[2] 인기글 써니 2005-05-17 7083
181 바이러스? 댓글[1] 인기글 link 2005-05-15 6565
180 [정보] MS, 슬림 버전의 윈도우XP '에이거‘ 개발중 댓글[1] 인기글 써니 2005-05-15 6047
179 컴퓨터에 대하여. 댓글[1] 인기글 jeo 2005-05-14 6109
178 답변글 컴퓨터에 대하여. 인기글 써니 2005-05-14 6156
177 답변글 컴퓨터에 대하여. 댓글[1] 인기글 jeo 2005-05-17 6316
176 Specializing in Network 댓글[1] 인기글 NetGeeks 2005-05-11 6801
175 이번엔 노트북 구매 추천 바랍니다. 댓글[1] 인기글 제키챤 2005-05-04 6018
게시물 검색
* 본 게시판의 게시물에 대하여 회사가 법적인 책임을 지지 않습니다.