글
frame기본
HTML
2011. 7. 25. 19:35
안녕하세요?
지난번까지 테이블에 대해서 배워보았습니다. 오늘은 기초 마지막 주제로 frame에 대해서 배워보겠습니다.
frame은 틀이라는 뜻입니다. 그러니깐 한창을 여러개로 분할했을때 하나의 분할된 것을 하나의 프레임이라고 합니다. 사용법은
<frameset cols="300,*">
이렇게 먼저 프레임셋을 지정합니다. cols는 프레임을 두개를 나누는데 가로로 두개를 나눈다는 뜻입니다. 뒤에 "300,*"는 하나는 300픽셀로 프레임을 나누고 나머지 하나는 300픽셀을 제하고 남은 픽셀로 프레임을 하겠다는 것입니다. 그다음에 그 프레임마다 들어갈 페이지를 만들어 줘야 합니다. 왼쪽 프레임에 하나의 파일을 오른쪽 프레임에 하나의 파일을 만들어야 그 페이지에 그 문서가 나타나겠죠?
<frame src="left.html" name="left">
<frame src=right.html" name="right">
이렇게 해주면 됩니다. 이 뜻은 300픽셀짜리 프레임에는 left.html이라는 파일을 불러들이고 별칭 즉, 이름은 left로 한다. 오른쪽 프레임은 right.html파일을 읽어들이고 별칭은 right로 한다는 뜻입니다. 별칭은 나중에 프레임을 참조할때 사용됩니다. 이렇게 하면 두개의 왼쪽 오른쪽 프레임으로 나누어진 하나의 프레임셋에 왼쪽에는 left.html 오른쪽에는 right.html파일이 각각 불러들여지게 됩니다.
left.html은
<html>
<head><title>LEFT</title>
</head>
<body>
여기는 왼쪽 프레임입니다.
</body>
</html>
right.html은
<html>
<head><title>RIGHT</title>
</head>
<body>
여기는 오른쪽 프레임입니다.
</body>
</html>
이렇게 만들어봤습니다. 물론 자신이 원하는 스타일로 만드시면 됩니다. 자 이세개의 파일로 프레임을 만들면 어떻게 될지 대충 감이 오시죠? 그럼 실행결과를 보도록 하겠습니다.
이렇게 두개의 프레임으로 나누어진 문서가 생깁니다. 대충 이해하셨으리라 보고 오늘은 여기까지 하겠습니다. 그럼 다음시간에 또 frame에 대해서 배워봐요~
지난번까지 테이블에 대해서 배워보았습니다. 오늘은 기초 마지막 주제로 frame에 대해서 배워보겠습니다.
frame은 틀이라는 뜻입니다. 그러니깐 한창을 여러개로 분할했을때 하나의 분할된 것을 하나의 프레임이라고 합니다. 사용법은
<frameset cols="300,*">
이렇게 먼저 프레임셋을 지정합니다. cols는 프레임을 두개를 나누는데 가로로 두개를 나눈다는 뜻입니다. 뒤에 "300,*"는 하나는 300픽셀로 프레임을 나누고 나머지 하나는 300픽셀을 제하고 남은 픽셀로 프레임을 하겠다는 것입니다. 그다음에 그 프레임마다 들어갈 페이지를 만들어 줘야 합니다. 왼쪽 프레임에 하나의 파일을 오른쪽 프레임에 하나의 파일을 만들어야 그 페이지에 그 문서가 나타나겠죠?
<frame src="left.html" name="left">
<frame src=right.html" name="right">
이렇게 해주면 됩니다. 이 뜻은 300픽셀짜리 프레임에는 left.html이라는 파일을 불러들이고 별칭 즉, 이름은 left로 한다. 오른쪽 프레임은 right.html파일을 읽어들이고 별칭은 right로 한다는 뜻입니다. 별칭은 나중에 프레임을 참조할때 사용됩니다. 이렇게 하면 두개의 왼쪽 오른쪽 프레임으로 나누어진 하나의 프레임셋에 왼쪽에는 left.html 오른쪽에는 right.html파일이 각각 불러들여지게 됩니다.
left.html은
<html>
<head><title>LEFT</title>
</head>
<body>
여기는 왼쪽 프레임입니다.
</body>
</html>
right.html은
<html>
<head><title>RIGHT</title>
</head>
<body>
여기는 오른쪽 프레임입니다.
</body>
</html>
이렇게 만들어봤습니다. 물론 자신이 원하는 스타일로 만드시면 됩니다. 자 이세개의 파일로 프레임을 만들면 어떻게 될지 대충 감이 오시죠? 그럼 실행결과를 보도록 하겠습니다.
이렇게 두개의 프레임으로 나누어진 문서가 생깁니다. 대충 이해하셨으리라 보고 오늘은 여기까지 하겠습니다. 그럼 다음시간에 또 frame에 대해서 배워봐요~
'HTML' 카테고리의 다른 글
| HTML공부 iframe (2) | 2011.07.27 |
|---|---|
| frame 제어 (0) | 2011.07.26 |
| 셀의 정렬속성 (0) | 2011.07.21 |
| 표의 경계선, 너비와 높이조절 (0) | 2011.07.19 |
| Rowspan, Colspan (0) | 2011.07.17 |
