[기초강좌] HTML IFrames - w3schools 번역 |
w3school 의 강좌 내용을 번역한 글입니다.
원문 : http://www.w3schools.com/html/html_iframe.asp
iframe 은 웹 페이지 안에서 다른 웹 페이지를 표시할 때 사용된다.
iframe 추가하는 syntax 는.
<iframe src="URL"></iframe>
URL 은 다른 페이지 주소가 들어간다.
Iframe - Set Height and Width
height 와 width 속성은 iframe 의 높이와 너비를 결정하는 데 사용된다.
기본적으로 높이와 너비값은 pixel 단위로 된다. 하지만 80% 와 같은 percent 단위로 가능하다.
<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
Iframe - Remove the Border
frameborder 속성은 iframe 주변에 경계선을 표시할지를 결정하는 속성이다.
frameborder 값을 0 으로 설정하면 경계선을 제거한다.
<iframe src="demo_iframe.htm" frameborder="0"></iframe>
Use iframe as a Target for a Link
iframe 은 link 의 target frame 으로도 지정이 가능하다.
link 의 target 속성이 iframe 의 name 속성을 참조하도록 하면 된다.
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>
HTML iframe Tag
Tag | Description |
---|---|
<iframe> | Defines an inline frame |
이로서 HTML 기초강좌 번역을 마치겠습니다.
현재 나머지 기초 강좌들은 ( HTML5, CSS, jQuery 등 ) 번역 계획은 없고, 그냥 핵심 내용만 정리하는 방향으로 가고자 합니다.
혹여 번역 내용이 학습하는 데 좋다는 피드백이 많을 경우에는 지속적으로 변역하도록 하겠습니다.
감사합니다.
'프로그래밍 놀이터 > Web' 카테고리의 다른 글
Bootstrap All Functions #4 (0) | 2014.03.25 |
---|---|
Bootstrap All Functions #3 (0) | 2014.03.24 |
[기초강좌] HTML Forms and Input - w3schools 번역 (0) | 2014.03.21 |
[기초강좌] HTML Layouts - w3schools 번역 (0) | 2014.03.19 |
[기초강좌] HTML Blocks - w3schools 번역 (0) | 2014.03.18 |
댓글