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

[펌 강의] 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

등록된 댓글이 없습니다.

컴퓨터/인터넷 목록
번호 제목 글쓴이 날짜 조회
115 답변글 korean doesn't work 댓글[1] 인기글 ^,.^) 2005-03-06 8086
114 [펌 강의] 부록 - META 태그에 대해서.. 댓글[1] 인기글 써니 2005-03-04 6634
113 [펌 강의] 부록 - MARQUEE Tag 이용하기 댓글[1] 인기글 써니 2005-03-04 8085
112 [펌 강의] 부록 - 홈페이지에 음악 넣기 댓글[1] 인기글 써니 2005-03-04 6993
111 [펌 강의] 색살 표 (Color Chart) 댓글[1] 인기글 써니 2005-03-04 6602
110 [펌 강의] 30.Form 예제 (설문양식) 댓글[1] 인기글 써니 2005-03-04 6704
109 정크메일 과 광고전화 막는법 아시는분 도와주세요.. 댓글[1] 인기글 정크 2005-03-02 6962
108 동영상 퍼오는방법 아시는분 ..좀 알켜주세요 댓글[4] 인기글 진실 2005-03-01 6782
107 [펌 강의] 29. 선택목록(List Box or Drop Down Li 댓글[1] 인기글 써니 2005-02-28 7023
106 [펌 강의] 28.텍스트 영역(Text Area) 인기글 써니 2005-02-28 20003
105 [펌 강의] 27.Input Type Form (II) - Check B 댓글[1] 인기글 써니 2005-02-28 8428
104 [펌 강의] 26. Input Type Form (I) - 텍스트, 암호 댓글[15] 인기글 써니 2005-02-28 18514
103 [펌 강의] 25. Form에 대한 개요 인기글 써니 2005-02-28 23069
102 윈도우가 안꺼져요ㅠㅠㅠ 댓글[1] 인기글 경아 2005-02-27 7184
101 답변글 윈도우가 안꺼져요ㅠㅠㅠ 댓글[1] 인기글 써니 2005-02-27 6932
100 써니님, brian님 너무 감사하구요 하나더 여쭤볼께요. 인기글 제키챤 2005-02-24 9058
99 답변글 써니님, brian님 너무 감사하구요 하나더 여쭤볼께요. 댓글[1] 인기글 써니 2005-02-25 6733
98 [펌 강의] 23.프레임(Frame) 나누기 예제(III) 댓글[2] 인기글 써니 2005-02-24 14984
97 [펌 강의]22. 프레임(Frame) 나누기 예제(II) 댓글[1] 인기글 써니 2005-02-24 12593
96 [펌 강의] 21. 프레임(Frame) 나누기 예제(I) 댓글[1] 인기글 써니 2005-02-24 7138
열람중 [펌 강의] 20. 프레임(Frame) 나누기 (II) 인기글 써니 2005-02-24 6950
94 컴이 말썽을 부릴땐 망치로 한대...... (SOS !) 댓글[1] 인기글 선달 2005-02-23 8191
93 답변글 컴이 말썽을 부릴땐 망치로 한대...... (SOS !) 댓글[1] 인기글 써니 2005-02-23 7819
92 답변글 대단 합니다 써니님...... !! 댓글[1] 인기글 선달 2005-02-24 7712
91 sim 에 문제가 있어 프로그램을 종료해야 한다는데......??? 댓글[1] 인기글 So.Cal. 2005-02-23 7208
90 [펌 강의] 19. 프레임(Frame) 나누기 (I) 댓글[1] 인기글 써니 2005-02-22 8335
89 [펌 강의] 18. 프레임(Frame) tag 댓글[1] 인기글 써니 2005-02-22 7888
88 [펌 강의] 17. 프레임(Frame)이란 무엇일까? 인기글 써니 2005-02-22 9691
87 [펌 강의] 16. Table을 이용한 이력서 만들기 인기글 써니 2005-02-22 18842
86 [펌 강의] 15. Table 예제 몇 개 댓글[1] 인기글 써니 2005-02-22 6887
게시물 검색
* 본 게시판의 게시물에 대하여 회사가 법적인 책임을 지지 않습니다.