■ <frameset> 태그
태그 : <frameset> <frame> </frameset>
<frameset> 태그는 화면 분할을 지정하는 태그로, 프래임의 시작과 끝을 지정합니다.
▶ 속성.
| rows="크기지정, 크기 지정" |
가로로 나눌 프레임 지정 |
| cols="크기지정, 크기 지정" |
세로로 나눌 프레임 지정 |
| frameborder="no|yes" |
프레임 창의 테두리 지정 |
| border="크기 지정" |
프레임 창의 테두리 두께 지정 |
- 프래임 분할시 rows="20,*" 에서 20은 20픽셀을 의미하며, *(와일드카드)는 남은 면적 전부를 의미합니다.
또는 백분율을 사용하여 rows="20%,*" 로 사용 할 수 있는데, 이것은 전체 화면(100%)중 위의 프래임의
크기는 20%이고 아래 프래임의 크기는 나머지 전부(80%)를 의미하는 것입니다.
■ <frame> 태그
태그 : <frame>
<frame> 태그는 분할된 화면(프레임)의 속성과 초기에 불러올 문서를 지정하는 태그입니다.
▶ 속성.
| src="경로지정" |
문서경로지정 |
| name="사용자 지정" |
프레임에 이름 지정(링크에 사용) |
| scrolling="auto|yes|no" |
스크롤바 생성 옵션 |
| noresize |
마우스로 크기조절 불가 |
| marginwidth="크기 지정" |
프레임내 가로 여백 |
| marginheight="크기 지정" |
프레임내 세로 여백 |
- 프래임의 이름을 지정하는 name은 링크 태그의 target=" "을 지정시 사용되는 것으로 name을 지정한
프래임에 문서를 불러올 때 사용합니다.
예를 들어 name="main" 으로 지정한 프래임에 문서를 불러 올 때 링크 태그의 target="main"
으로 지정하면 됩니다.
- 스크롤바 생성 옵션에서 스크롤바를 사용하지 않으려면 scrolling="no" 로 문서의 길이에 따라 자동으로
지정시 scrolling="auto" 로 스크롤바를 사용려면 scrolling="yes" 로
지정하면 됩니다.
사용예]
<html>
<head>
<title>인터넷 집짓기</title>
</head>
<frameset rows="150,*" frameborder="no"
border="0">
<frame src="top.html" name="top"
scrolling="no" noresize>
<frame src="main.html" name="main"
scrolling="auto" noresize>
</frameset>
<noframes>
<body>
</body>
</noframes>
</html> |
- 위의 프래임 태그에서
<noframes>
<body>
</body>
</noframes> 태그는 없어도 관계 없습니다.
ⓐ 가로 2단 편집.
<frameset rows="150,*">
<frame src="top.htm" name="top">
<frame src="main.htm" name="main">
</frameset> |
|
ⓑ 3단 편집.
<frameset rows="150,*">
<frame src="top.htm" name="top">
<frameset cols="200,*">
<frame src="menu.htm" name="menu">
<frame src="main.htm" name="main">
</frameset>
</frameset>
|
| top.htm |
menu.
htm |
main.htm |
|
■ <iframe> 태그
태그 : <iframe> </iframe>
<iframe> 태그는 문서 안에 프레임을 지정해 주는 태그 입니다.
▶ 속성.
| src="경로" |
문서 경로 지정 |
| width="크기지정" |
프래임의 가로 크기 |
| height="크기지정" |
프래임의 세로 크기 |
| frameborder="크기지정" |
프래임의 태두리 두께 |
| scrolling="auto|yes|no" |
스크롤바 생성 옵션 |
| marginwidth="크기지정 |
프레임 내부 가로 여백 |
| marginheight="크기지정 |
프레임 내부 세로 여백 |
| name="사용자 지정" |
프레임에 이름 지정(링크에 사용) |
사용예]
<html>
<head>
<title>인터넷 집짓기</title>
</head>
<body>
<iframe src="http://www.imbc.com/index.htm"
width="450" height="340 " frameborder=0 scrolling=no
marginwidth=0 marginheight=0 name="sub"></iframe>
</body>
</html> |
|
- <iframe> 태그는 문서 안에 프레임을 지정해 주는 태그임으로, <frameset>
태그와 달리
<body>태그 안에서 지정하여야 합니다.
|
