[펌 강의] 20. 프레임(Frame) 나누기 (II)
페이지 정보
써니관련링크
본문
size="2">20. 프레임(Frame) 나누기 (II) 지난 호에서는 프레임을 두 개로
| |
1)
<html> 2)
<html> |
3)
<html> 4)
<html> |
우선 화면을 수직으로 세 개, 네 개의 화면으로 나누어 볼까요? 왼쪽의
예는 세 개 그리고 오른쪽의 예는 4개로 나눈 예입니다. 그 이상 나누는
것은 유추하면 쉽게 할 수 있겠죠?
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">여기를 클릭하세요^^
다음에는 수평으로 세 개와 네 개의 화면으로 나누어 보도록 할까요?
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">여기를 클릭하세요^^
프레임이 생각 보다 쉽죠? 그럼 프레임을 네 개로 나누는데 수평이나
수직으로만 나누지 않고 수평 둘, 수직 둘.. 그래서 밭전(田)자 모양으로
나누는 예를 보도록 할께요.
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
등록된 댓글이 없습니다.