동영상 강좌보기

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

iframe구문

HTML iframe은 <iframe>태그로 정의됩니다.

<iframe src="URL"></iframe>

src속성은 인라인 프레임페이지의 URL(웹주소)을 지정합니다.

iframe - height 및 width 설정

iframe 크기 설정을 위해 height와 width속성을 사용합니다.

속성값은 기본적으로 픽셀로 설정됩니다. 그러나 %도 가능합니다.

<iframe src="iframe.html" height="200" width="300"></iframe>

iframe - 테두리 제거

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

테두리를 제거하려면 style속성을 추가하고 CSS 테두리 속성을 사용합니다.

<iframe src="iframe.html" style="border:none;"></iframe>

CSS를 사용하면 iframe의 테두리 크기, 스타일 및 색상을 변경할 수도 있습니다.

<iframe src="iframe.html" style="border:2px solid grey;"></iframe>

iframe - 링크 대상

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

target속성은 iframe의 name속성을 참조해야 합니다.

<iframe src="iframe.html" name="iframe_a"></iframe>

<p><a href="https://365ok.co.kr" target="iframe_a">웹학교</a></p>