프론트엔드/HTML
HTML 43 <iframe> 태그
스펀지연구소
2021. 4. 3. 15:07
<a> 태그에서 target으로 보낼 이름을 적는다.
<iframe> 태그에서 name에 taget에서 받은 이름을 적는다.
frameborder = "0" 은 <iframe> 태그 테두리값이 0이다.
scrolling="no" 은 <iframe> 태그 스크롤이 안된다.
iframe 공간분할예제
초보개발자의 성장블로그(주)
<!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>iframe</title>
</head>
<body>
<h3>iframe 공간분할예제</h3>
<div style="background-color: #FFFF00;">
<span>
<a href="https://hs0955.tistory.com/"target="if_a">인사말</a>|
</span>
<span>
<a href="https://hs0955.tistory.com/category/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C"target="if_a">프론트엔드</a>|
</span>
<span>
<a href="https://hs0955.tistory.com/category/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C/HTML"target="if_a">HTML</a>|
</span>
<span>
<a href="https://hs0955.tistory.com/guestbook"target="if_b">방명록</a>
</span>
</div>
<p/>
<iframe src="https://hs0955.tistory.com/"width="400"height="200"name="if_a"frameborder="0"></iframe>
<iframe src="https://hs0955.tistory.com/"width="400"height="200"name="if_b"scrolling="no"></iframe>
<div style="background-color: #FFFF00;">초보개발자의 성장블로그(주)</div>
</body>
</html>