HTML 프레임
프레임을 사용하면 동일한 브라우저 창에 두 페이지 이상을 표시할 수 있습니다.
iframe 구문:
<iframe src="URL"></iframe>이 URL은 다른 웹페이지를 가리킵니다.
Iframe - 높이 및 너비 설정
높이 및 너비 속성은 iframe 태그의 높이와 너비를 정의하는 데 사용됩니다.
속성은 기본적으로 픽셀 단위이지만 비례적으로 표시되도록 지정할 수 있습니다(예: "80%").
예
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <iframe src="demo_iframe.htm" width="200" height="200"></iframe> <p>一些旧的浏览器不支持 iframe。</p> <p>如果浏览器不支持 iframes 则不会显示。</p> </body> </html>
인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
Iframe - 테두리 제거
frameborder 속성 iframe을 정의할 때 테두리 표시 여부를 나타냅니다.
iframe 테두리를 제거하려면 속성 값을 "0"으로 설정합니다.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <iframe src="http://www.w3cschool.cc/" width="200" height="200" frameborder="0"> <p>您的浏览器不支持 iframe 标签。</p> </iframe> </body> </html>
인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
iframe을 사용하여 디렉토리 링크 페이지 표시
iframe은 대상 링크를 표시할 수 있습니다. 페이지
대상 링크의 속성은 아래와 같이 iframe의 속성을 사용해야 합니다.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <iframe src="demo_iframe.htm" name="iframe_a"></iframe> <p><a href="http://www.php.cn" target="iframe_a">php.cn</a></p> <p><b>注意：</b> 因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架，所以在点击链接时页面会显示在 iframe框架中。</p> </body> </html>
인스턴스 실행 중»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
HTML iframe 태그
| 태그 | 설명 | ||||
|---|---|---|---|---|---|
<iframe>
| 인라인 iframe 정의 |
