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

WEB/HTML5-CONCEPT

너래쟁이 2017. 11. 4. 18:39

ex2-24.html

<!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>

2-24-sitelist.html

<!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>

2-24-sitelist.html

ex2-24.html