■ 블로그꾸미기/HTML/css
IFRAME 아이프레임
니나리찌
2010. 9. 25. 01:18
아이프레임은 HTML 문서의 어느 한 부분에 다른 웹 문서를 보여주려고 할때 사용합니다.
내부 프레임 (Inline frame)라고 합니다.
내부 프레임 (Inline frame)라고 합니다.
기본적인 아이프레임 태그는
<iframe src=" 주소 " width="가로넓이" height="세로길이" frameborder="0"></iframe>
위 소스대로 실행을 하면,
이렇게 나타나게 됩니다 .......... (스크롤 내리지마세요 -_- 이미지 입니다 ;;;)
소스에 좀 더 옵션을 주도록 하겠습니다. ^^
<iframe src=http://heeya1004.tistory.com frameborder="0" width="400" height="250" marginwidth="0" marginheight="0" scrolling="auto" style="border:1 solid navy"></iframe>
결과를 한번 보도록 할께요.
한결 깔끔해 졌죠?
옵션 빨간 부분의 부가 설명을 해 드릴께요.
marginwidth="0" , marginheight="0" 은 창 내부의 여백을 주는 것입니다.
scrolling="auto"는 스크롤바를 자동으로 생기게 하는겁니다.
"no" 로 하면 스크롤바가 안나타납니다. "yes"로 하면 항상 있습니다.
style="border:1 solid navy" 는 아이프레임에 테두리를 넣기 위한 부분입니다.
테두리가 필요없다면 이 소스는 안적어도 됩니다.
solid navy 는 각각 테두리의 두께, 속성, 색상을 나타냅니다.
scrolling="auto"는 스크롤바를 자동으로 생기게 하는겁니다.
"no" 로 하면 스크롤바가 안나타납니다. "yes"로 하면 항상 있습니다.
style="border:1 solid navy" 는 아이프레임에 테두리를 넣기 위한 부분입니다.
테두리가 필요없다면 이 소스는 안적어도 됩니다.
solid navy 는 각각 테두리의 두께, 속성, 색상을 나타냅니다.