IFRAME 14~ 정리
한 페이지 안에 다른 페이지를 구성하는 법
화면속의 화면(액자식 구성같은 느낌)
한 페이지에서 어느 특정 부분만 내용을 바꿀 때 쓴다 !
<이거 젤 위에 화면>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IFRAME14.html</title>
</head>
<body>
<div>
<h2>화면속의 화면(사이트)</h2>
<iframe src="https://www.daum.net" scrolling ="no" width="400px" height="400" frameborder="0"></iframe>
<h2>화면속의 화면(페이지)</h2>
<iframe src="./Link/IFrameInLink.html" marginwidth="0" marginheigh="0" scrolling ="no" width="400px" height="400" frameborder="0"></iframe>
</div>
</body>
</html>화면속의 화면(사이트)
화면속의 화면(페이지)
IFrameInLink.html
0.00MB
Sub.html
0.00MB
< 그다음 화면>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IFrameInLink.html</title>
<style>
*{
margin : 0;
}
</style>
</head>
<body>
<div style="background-color: yellow;">
<h2>IFRAME14.html 안에 있는 화면</h2>
<ul style ="list-style-type:upper-roman ;">
<li><a href="https://www.daum.net">_self</a></li>
<li><a href="https://www.daum.net" target="_parent">_parent</a></li>
<li><a href="https://www.daum.net" target="_top">_top</a></li>
</ul>
<iframe src="Sub/sub.html" marginwidth="0" marginheigh="0" scrolling ="no" width="200px" height="200px" frameborder="0"></iframe>
</div>
</body>
</html>
<제일 안쪽 화면>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sub.html</title>
<style>
*{
margin : 0;
}
</style>
</head>
<body>
<div style="background-color: red;">
<h2>IFrameInLink.html 안에 있는 화면</h2>
<ul style ="list-style-type:upper-roman ;">
<li><a href="https://www.daum.net">_self</a></li>
<li><a href="https://www.daum.net" target="_parent">_parent</a></li>
<li><a href="https://www.daum.net" target="_top">_top</a></li>
</ul>
</div>
</body>
</html>
이거 다 연결 되어있어서 제대로 안나오겠다....
'학원 > HTML5' 카테고리의 다른 글
| 10/31 32-3 [HTML] fieldSet & address (0) | 2022.10.31 |
|---|---|
| 10/31 32-2 [HTML] SPAN (0) | 2022.10.31 |
| 10/28 31-2 [HTML] Form 2 (0) | 2022.10.28 |
| 10/28 31-1 [HTML] Form 1 (0) | 2022.10.28 |
| 10/27 30-5 Table태그 (0) | 2022.10.27 |