iframe 의 사용 예제입니다.
아이프레임이라고 보통 부르지만 인라인프레임이 원래 명칭입니다 ^^;
- 기본 적인 iframe
소스: <iframe></iframe>
- iframe에 문서 뛰우기~! - src
소스: <iframe src="http://kr.yahoo.com/"></iframe>
- iframe 크기 조절 하기! - width, height
※ 넣을수 있는 값: 숫자와 %를 넣을 수 있습니다. 예) width="200" height="60%"
<iframe width="500" height="300" src="http://kr.yahoo.com/"></iframe>
- iframe 스크롤바 제어 - scrolling
scrolling="yes" - 무조건 스크롤바를 보여 줍니다.
scrolling="no" - 무조건 안보여 줍니다.
scrolling="auto" - 자동으로 보여줍니다.
<iframe scrolling="no" width="300" height="300" src="http://www.empas.com/"></iframe>
- 그외......
◈ 테두리 없애기 : frameborder="0"을 추가 해 줍니다. (테두리를 없애면 깔끔하게 보이죠)
◈ 자바스크립트를 사용하여 iframe에 문서를 뛰워 줄 수도 있습니다. 자바스크립트 예제메뉴를 참고하세요.
|
|
|
|