HTML 기초7 Iframes

본 문서는 https://www.w3schools.com/html/default.asp를 공부하기 좋게 요약해 놓은 것입니다.

 

HTML iframe은 웹 페이지 내에 웹 페이지를 표시하는 데 사용됩니다.

 

HTML 아이프레임 구문

HTML <iframe>태그는 인라인 프레임을 지정합니다.

인라인 프레임은 현재 HTML 문서 내에 다른 문서를 포함하는 데 사용됩니다.

 

<iframe src="url" title="description"></iframe>

 

Iframe - 높이 및 너비 설정

사용 height및 widthiframe을의 크기를 지정하는 속성.

높이와 너비는 기본적으로 픽셀 단위로 지정됩니다.

 

<iframe src="demo_iframe.htm" height="200" width="300" title="Iframe Example"></iframe>

<iframe src="demo_iframe.htm" style="height:200px;width:300px;" title="Iframe Example"></iframe>

 

Iframe - 테두리 제거

기본적으로 iframe에는 테두리가 있습니다.

테두리를 제거하려면 style속성을 추가 하고 CSS border속성을 사용하세요.

 

<iframe src="demo_iframe.htm" style="border:none;" title="Iframe Example"></iframe>

<iframe src="demo_iframe.htm" style="border:2px solid red;" title="Iframe Example"></iframe>

 

Iframe - 링크 대상

iframe은 링크의 대상 프레임으로 사용할 수 있습니다.

target링크의 속성은 참조해야합니다 nameiframe을의 속성 :

 

<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 주변의 테두리를 제거하는 데 사용 합니다.