06. 아이프레임 태그

 

1. 아이프레임 태그

- inline frame의 약자
- 웹사이트 안에 또 다른 웹사이트를 설립

 

• 기본 형태

<iframe src='문서 위치' style='크기를 설정할 css 코드'></iframe>

• 스타일 넣기

<iframe src="http://www.koreaisacademy.com" style="width: 500px; height: 500px;" >  </iframe>

 

 

• 아이프레임 안에 html  가져오기  <name / target>

<a href="./2_책갈피.html" target="korea">책갈피 예제(아이프레임)</a>     <iframe src="http://www.koreaisacademy.com"             style="width: 500px; height: 500px;" name="korea" ></iframe>

클릭 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ 아이프레임 안에 책갈피.html 화면이 띄워짐

 

• 아이프레임 안에 주소창 가져오기  <name / target>

<p><a href="http://www.koreaisacademy.com"  target="korea"> 코리아 IT  아카데미</a></p>         <iframe src="http://www.koreaisacademy.com"             style="width: 500px; height: 500px;" name="korea" ></iframe>

클릭 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ 하이퍼링크를 바꿨기 때문에 바뀐 사이트로 아이프레임이 뜸