HTML 아이프레임
HTML iframe은 웹 페이지 내에 웹 페이지를 표시하는 데 사용됩니다.
HTML 아이프레임 구문
HTML <iframe>태그는 인라인 프레임을 지정합니다.
인라인 프레임은 현재 HTML 문서 내에 다른 문서를 포함하는 데 사용됩니다.
통사론
<iframe src="url" title="description"></iframe>
팁: 항상 에 대한
title속성을 포함하는 것이 좋습니다 <iframe>. 이것은 스크린 리더가 iframe의 내용을 읽는 데 사용합니다.
Iframe - 높이 및 너비 설정
height및 width속성을 사용하여 iframe의 크기를 지정합니다 .
높이와 너비는 기본적으로 픽셀로 지정됩니다.
예시
<iframe src="demo_iframe.htm" height="200" width="300"
title="Iframe Example"></iframe>
또는 속성을 추가 style하고 CSS height및 width
속성을 사용할 수 있습니다.
예시
<iframe src="demo_iframe.htm" style="height:200px;width:300px;"
title="Iframe Example"></iframe>
Iframe - 테두리 제거
기본적으로 iframe에는 테두리가 있습니다.
테두리를 제거하려면 속성을 추가하고 styleCSS
border속성을 사용하세요.
예시
<iframe src="demo_iframe.htm" style="border:none;"
title="Iframe Example"></iframe>
CSS를 사용하면 iframe 테두리의 크기, 스타일 및 색상을 변경할 수도 있습니다.
예시
<iframe src="demo_iframe.htm" style="border:2px solid red;"
title="Iframe Example"></iframe>
Iframe - 링크 대상
iframe은 링크의 대상 프레임으로 사용할 수 있습니다.
링크 의 속성은 iframe target의 속성을 참조해야 합니다 .name
예시
<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe
Example"></iframe>
<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>
단원 요약
- HTML
<iframe>태그는 인라인 프레임을 지정합니다. src속성은 포함할 페이지의 URL을 정의합니다 .- 항상
title속성 포함(스크린 리더용) height및width속성은 iframe의 크기를 지정합니다 .border:none;iframe 주변의 테두리를 제거하는 데 사용 합니다.
HTML 연습
HTML iframe 태그
| Tag | Description |
|---|---|
| <iframe> | Defines an inline frame |
사용 가능한 모든 HTML 태그의 전체 목록을 보려면 HTML 태그 참조 를 방문하십시오 .