웹마스터 팁

IFRAME 삽입

2003.10.10 17:41

박종익

---------------------------------------------------------------------------------------------------------------------------
안녕하세요 ^^ IFrame 삽입 방법 입니다. 한번 따라 해보시고 중복이 있을수도 있지만 확인 안해봤습니다.^^
---------------------------------------------------------------------------------------------------------------------------

<IFRAME> BORDER, BORDERCOLOR, FRAMEBORDER, NAME, SCROLLING

<FRAME>과 유사한 기능을 가지는 요소인데, 다른 점은 브라우저에 나타나는 HTML문서 위의 자유로운 위치에 새로운 창으로 생성된다floating frame는 것이다.

<IFRAME frameborder="0" leftmargin="0" height="400" width="600" marginheight="0" marginwidth="0" scrolling="auto" src="sam.htm" topmargin="0">익스플로러만 가능하다.</IFRAME>

위에서 처럼 사용하면, 가로 40, 세로 100의 새로운 창(sam.htm의 내용)이 열리며, 익스플로러가 아닌 다른 브라우저로 검색할 경우에는 '익스플로러만 가능하다.'라는 문장이 나타난다.

BORDER="테두리의 굵기"

floating frame의 테두리의 굵기를 정한다. 주의할 것은 FRAMEBORDER와 함께 정의되어야 한다는 것이다..

BORDERCOLOR="테두리의 색깔"

FRAMEBORDER가 정해진 상태에서 테두리의 색깔을 지정한다.

FRAMEBORDER="테두리의 유무"

테두리를 설정할 경우는 "yes" (또는 "1"), 테두리를 없앨 경우는 "no" (또는 "0")로 한다.

NAME="Frame의 이름"

고유의 이름을 정한다.

SCROLLING="스크롤 바의 유무"

스크롤 바는 프레임의 길이와 문서의 분량에 따라  자동으로 만들어지지만, 필요에 따라 없앨 수도 있다. SCROLLING="no"로 하면 막대를 강제로 없앨 수 있고, SCROLLING="auto"라고 하면, 문서의 길이에 따라 자동으로 막대가 생긴다



                        ::: 투명하게 만들기 :::

투명한 아이프레임
<iframe src=문서 style="filter: Alpha(Opacity=65);"><iframe>

이렇게 뒤에 스타일루 넣어주세요..
65라는 숫자를 조절하면서 투명도를 조절하면 됩니다.

---------------------------------------------------------------------------------------------------------------------------
더많은 정보를 원하시거나, 질문이 있으시면 제홈에 남겨주세요^^

제목 글쓴이 날짜
IFRAME 삽입 [20] 박종익 2003.10.10
[레드의 태그초보]이미지삽입 태그 [2] 레드 2003.01.14
배경음악과 동영상 삽입 <embed> [7] 제이지라 2002.04.26
게시판에 구글 SyntaxHighlighter 3.0.83(구문강조) 적용하기 - 본문에 코드삽입시 유용 file 으아악. 2010.10.20
이미지 삽입시 아래에 한줄 띄우고 클릭가능하게 하여 편히 입력하게 만들자~ [8] file xemall 2010.10.13
왕초보용 xe 1.2.0 버전 사용 기본 레이아웃 좌측에 배너 삽입 방법. [7] 『june™』 2009.03.20
[수정 했습니다.]본문 입력없이 확장 변수로만 글작성 작성하기(그림삽입포함) [13] file 대암지기 2008.03.09
XE최신버전에 믹시(Mixsh) 위젯(widget) 삽입하는 방법 [2] 곰이v 2010.03.21
본문에 삽입된 그림의 확대기능이 작동하지 않는경우(XE Official Ver2 layout) [2] file 분홍곰 2009.08.14
이미지 여러개 삽입시 이미지 사이에 공백 및 글 쓸 수 있도록 [1] sejin7940 2010.07.07
레이아웃 삽입 후 최근 설문조사 가져오기 ilovesyr 2010.05.18
[초보] 본문 하단에 구글 애드센스 삽입방법 [2] BigSeong 2009.10.10
엄지 추천 기능 본문에 삽입 하고자 하실때 (급조) [2] file thejeon 2009.07.29
(0.1.2) 이모티콘 삽입 후 그림 안보일 때 [5] Simulz 2007.09.02
MSN로그인 상태를 홈피좌측 메뉴에 삽입하는 방법 [9] 팔공산 2007.11.27
제로보드XE 외부페이지에 javascrip 삽입하기 [3] BlueGATE 2008.01.22
댓글 입력창에 배경 이미지 삽입하는 방법 [4] 팔공산 2008.07.11
제로보드 XE나 개인 블로그에 GPS 로그(궤적)를 나타낸 구글맵 삽입하기 상오기 2009.03.21