0x17_ HTML Iframes

An HTML iframe is used to display a web page within a web page

01_ Iframe Syntax

• <iframe> 태그를 사용하여 정의한다.

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

02_ Set Height & Width

• iframe의 크기를 명시하기 위해 속성을 사용한다.
• 기본적으로 픽셀 단위로 명시된다.

# html attribute 로 적용
<iframe src="url" width="300" height="200"></iframe>

# css property 로 적용
<iframe src="url" sytle="width=300px; height=200px;"></iframe>

03_ Remove the Border

• iframe은 기본적으로 border 값을 가지고 있다.
• border 값을 지우려면 border: none; 또는 border: 0; 을 적용한다.

04_ Target for a Link

• iframe 은 링크 대상으로 사용될 수 있다.
• a태그의 target 속성은 iframe의 name 속성값을 참조해야한다.

Ex)
<iframe src="url" name="if_target"></iframe>

<a href="http://www.google.com/" target="if_target"></a>