반응형
1) frame 태그
: 분활된 화면에 대한 속성 지정
<frame src="경로 및 파일명" name="분할된 화면의 이름">
2) frameset 태그
: 화면을 원하는 대로 분할해주는 태그
<frameset rows="숫자(픽셀단위) / %" frameborder="0> </frameset>
→ 화면을 '행'으로 분할
<frameset cols="숫자(픽셀단위) / %" frameborder="0"> </frameset>
→ 화면을 '열'로 분할
[출처] [html/css] frame태그 / frameset태그 / iframe태그|작성자 솔부
<Frame.html>
|
1
2
3
4
5
6
7
8
9
10
|
<!doctype html>
<html lang="ko">
<head><title> 나의 블로그 </title>
<meta charset="utf-8">
</head>
<frameset cols="20%, *">
<frame src="left.html">
<frame name="shut" src="right.html">
</frameset>
</html>
|
cs |
<left.html>
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<!doctype html>
<html lang="ko">
<head><title> target </title>
<meta charset="utf-8">
</head>
<body bgcolor="lightgray"><center>
<br><br><br><br><br><br><br><br><br><br>
<h1><a href="http://www.nate.com " target="shut">nate</a></h1>
<br><h1><a href="http://www.bing.com/" target="shut">bing</a> </h1>
<br><h1><a href="http://zum.com/#!/home" target="shut">zum</a></h1>
</center>
</body>
</html>
|
cs |
<right.html>
|
1
2
3
4
5
6
7
8
9
10
|
<!doctype html>
<html lang="ko">
<head><title> 나의 블로그 </title>
<meta charset="utf-8">
</head>
<body bgcolor="lightpink"><center><br><br><br>
</center>
</body>
</html>
|
cs |
<실행화면>
left.html에서 nate , bing , zum을 클릭하면 target="shut"인 페이지에서 열리게 됩니다.
반응형
'프로그래밍 > 웹' 카테고리의 다른 글
| 자바스크립트(javascript) 문법 모음 (0) | 2019.06.18 |
|---|---|
| 웹 해킹 기법 XSS (cross site scripting) (0) | 2017.07.10 |
| 로그인 폼 작성 (0) | 2017.06.02 |
| 버튼으로 배경색과 글자색 바꾸기 (0) | 2017.06.02 |
| 이벤트 팝업창 띄우기 (0) | 2017.06.01 |
