최신 웹 개발 튜토리얼

HTML Iframe이


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


프레임 설명

프레임은 시각적 HTML 브라우저 창은 다른 문서를 표시 할 수 있습니다 각각의 세그먼트로 분할 할 수 있습니다. 레이아웃의 반복 부분은 하나의 프레임에서 사용될 수있는 다른 변수 내용이 표시 될 때 이것은, 대역폭 사용을 낮출 수있다.

이는 서로 인접하여 디스플레이되는 동일한 부모 윈도우와 상호 작용하도록 허용되는 별도의 독립적 문서 (또는 사이트)에, 특히 비 시각적 사용자 에이전트에서 소정의 유용성 비용으로 제공 할 수있다.

이 때문에 비용이 (iframe이 요소 제외) 프레임은 HTML 4.01 프레임 세트에 사용할 수 있습니다.

Iframe이 또한 다른 서버에 문서를 저장할 수 있습니다. 이 경우 창 사이의 상호 작용은 브라우저에 의해 차단됩니다.


iframe이 구문

iframe을 추가하는 구문이다 :

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

src 속성은 URL을 지정 (web address) iframe이 페이지를.


Iframe에 - 설정 높이 및 너비

높이를 사용하여 크기를 지정하는 속성.

속성 값은 기본적으로 픽셀 단위로 지정되어 있지만, 그들은 또한 퍼센트로 할 수 있습니다 (like "80%") .

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
»그것을 자신을 시도

Iframe에 - 테두리를 제거

기본적으로 iframe이는 주위에 검은 색 테두리가 있습니다.

테두리를 제거하려면 추가 style 속성과 CSS의 border 속성을 사용합니다 :

<iframe src="demo_iframe.htm" style="border:none"></iframe>
»그것을 자신을 시도

CSS로, 당신은 또한은 iframe의 테두리 크기, 스타일 및 색상을 변경할 수 있습니다 :

<iframe src="demo_iframe.htm" style="border:5px dotted red"></iframe>
»그것을 자신을 시도

링크의 대상으로 iframe을 사용

iframe이이 링크에 대한 목표 프레임으로서 사용될 수있다.

target 링크의 속성은 참조해야 name iframe이의 속성 :

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a></p>
»그것을 자신을 시도

HTML은 iframe 태그

꼬리표 기술
<iframe> 인라인 프레임을 정의

연습으로 자신을 테스트!

연습 1» 운동 2» 운동 3» 운동 4»