메인 페이지
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
2개의 iframe을 가집니다.
<hr>
<iframe src="leftframe.html" name="left" width="200" height="500"></iframe>
<iframe src="rightframe.html" name="right" width="400" height="500"></iframe>
</body>
</html>
|
cs |
왼쪽 프레임 페이지
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<!-- leftframe.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
이곳은 왼쪽 프레임 입니다.<br>
<ul>
<li><a href="http://jspstudy.co.kr" target="right">jspstudy</a></li>
<li><a href="http://www.dt.co.kr" target="right">dt</a></li>
<li><a href="http://www.etnews.com" target="right">dtnews</a></li>
</ul>
</body>
</html>
|
cs |
위 코드를 적용하면 아래와 같이 나옵니다.
링크를 누르면 아래와 같이 나옵니다.
'Web > Html_Css' 카테고리의 다른 글
| form 폼 태그 (0) | 2020.03.04 |
|---|---|
| html 미디어 (비디오, 오디오) 재생 (0) | 2020.03.04 |
| iframe 사용 예제1 (0) | 2020.03.03 |
| a 태그에 다운로드 속성(html5 지원) (0) | 2020.03.03 |
| 태그 앵커 만들기 (페이지 내에서 이동) (0) | 2020.03.03 |