ifame
<head>
<meta charset="EUC-KR">
<title>Iframe</title>
</head>
<body>
<h1>iFrame입니다.</h1>
<p>아이프레임을 실습하겠습니다.</p>
<iframe src="05Show_iframe.html" style="width: 300px; height: 200px;" title="show iframe"></iframe>
<p>경계선을 없애보겠습니다.</p>
<iframe src="05Show_iframe.html" style="width: 300px; height: 200px; border:none;" title="show iframe" ></iframe>
<p>경계선을 넣어보겠습니다.</p>
<iframe src="05Show_iframe.html" style="width: 300px; height: 200px; border:1px solid green;" title="show iframe" ></iframe>
</body>
</html>
<!--
04 페이지 안에 05 페이지가 들어가 있는 상태입니다.
iframe은 페이지 안에 페이지가 들어가 있는 상태 입니다.
-->
# site 들어간 iframe, "인프런" 클릭시 iframe에 인프런이 뜸
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>iframe link</title>
</head>
<body>
<h1>iFrame Link입니다.</h1>
<iframe src="05Show_iframe.html" name="show_iframe" style="width: 600px; height: 600px;"></iframe>
<p><a href="https://www.inflearn.com/course/lecture?courseSlug=html5-css3-%EC%9E%85%EB%AC%B8&unitId=67156" target="show_iframe">인프런</a></p>
<p>major site는 보안 때문에 iFrame 적용이 안되는 곳이 많아요.</p>
</body>
</html>
'Language > Html Css' 카테고리의 다른 글
| font 1 (0) | 2024.08.18 |
|---|---|
| html sample 참고 사이트 (0) | 2024.08.08 |
| ordered list vs unordered list (0) | 2024.08.01 |