본문 바로가기

■ 블로그꾸미기/HTML/css

IFRAME 아이프레임


아이프레임은 HTML 문서의 어느 한 부분에 다른 웹 문서를 보여주려고 할때 사용합니다.
내부 프레임 (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 는 각각 테두리의 두께, 속성, 색상을 나타냅니다.