예제 2-24. target 속성으로 프레임 윈도우 활용

WEB/HTML5-CONCEPT 2017. 11. 4. 18:39 |

ex2-24.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>target 속성 활용</title>
</head>
<body>
<h3>target 속성 활용</h3>
<hr>
<iframe src="ex2-24-sitelist.html" name="left" width="200" height="300">
</iframe>
<iframe src="http://www.w3c.org" name="right" width="300" height="300">
</iframe>
</body>
</html>
 
cs


2-24-sitelist.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<title>사이트 리스트</title>
</head>
<body>
<h3>사이트 리스트</h3>
<hr>
<ul>
    <li><a href="http://www.w3c.org" target="right">W3C</a> // 위의 name이랑 연결
    <li><a href="http://www.etnew.com" target="_self">전자신문</a> // 현재 윈도우에 출력
    <li><a href="http://www.mk.co.kr" target="_top">매일경제신문</a> // 브라우저 윈도우에 출력
    <li><a href="http://www.w3c.org" target="_blank">새 창에 W3C</a> // 새 창에 출력       
 
</ul>
</body>
</html>
 
cs


2-24-sitelist.html



ex2-24.html


 


저작자표시 비영리 동일조건

'WEB > HTML5-CONCEPT' 카테고리의 다른 글

예제 2-26. <audio> 태그로 오디오 삽입, <source> 태그  (0) 2017.11.04
예제 2-25. <video> 태그로 비디오 삽입, <source> 태그  (0) 2017.11.04
예제 2-22. 2개의 인라인 프레임을 가진 웹 페이지. 예제 2-23. <iframe>으로 2개의 신문 사이트 출력하기  (0) 2017.11.04
예제 2-21. 파일 다운로드 링크 만들기  (0) 2017.11.04
예제 2-20. 앵커로 이동하는 링크 만들기  (0) 2017.11.04
Posted by 너래쟁이
:

티스토리툴바