아이프레임은 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 는 각각 테두리의 두께, 속성, 색상을 나타냅니다.
'■ 블로그꾸미기 > HTML/css' 카테고리의 다른 글
[ HTML ] img/ 이미지태그의 모든것 (0) | 2010.09.26 |
---|---|
[ HTML ] 테이블에 색상을 넣어보자/ 테두리도 꾸미기 (0) | 2010.09.26 |
[ HTML ] 배경음악을 넣어보자 bgsound/ embed (0) | 2010.09.24 |
[ CSS ] 스타일 시트는 ? (0) | 2010.09.24 |
[ HTML ] 테이블 테두리/색상/cellspacing/cellpadding (0) | 2010.09.24 |
[ HTML ] TABLE 에 대해 알아보자 (0) | 2010.09.24 |