웹마스터 팁
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 삽입 방법 입니다. 한번 따라 해보시고 중복이 있을수도 있지만 확인 안해봤습니다.^^
---------------------------------------------------------------------------------------------------------------------------
<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라는 숫자를 조절하면서 투명도를 조절하면 됩니다.
---------------------------------------------------------------------------------------------------------------------------
더많은 정보를 원하시거나, 질문이 있으시면 제홈에 남겨주세요^^
댓글 20
-
Pe-i
2003.11.02 10:59
-
ｃｚ．Ｅ (Pe-i)
2003.10.18 18:29
<IFRAME frameborder="0" leftmargin="0" height="400" width="600" marginheight="0" marginwidth="0" scrolling="auto" src="sam.htm" topmargin="0">익스플로러만 가능하다.</IFRAME>
<iframe src=문서 style="filter: Alpha(Opacity=65);"><iframe>
좋은것들 배워갑니다
추천.! -
MarilynManson
2003.10.25 23:14
투명아이프레임에 맨 마지막에 <iframe>가 아니라 </iframe>아닌가요? -
pray
2003.10.26 11:35
아니에요 원래 모든 태그양식이 끝날때는 처음에 사용한 태그앞에 </>을 꼭 붙여서 투명이든 아니든 </iframe>가 됩니다 -
임상아
2003.10.31 05:02
아하.. <iframe></iframe> 요사이에는 아이프레임이 안보일때 보여줄 문구를 넣는 거구나..
좋은 팁 얻어가요 ^^ -
[수아]작은아씨
2003.11.07 13:57
닫아주는거랑 여는거랑 다르죠..^^;
끝에는 /를 붙여야 합니다. <p>ㅇㄻㅇㄹ<p>
이렇게 하면 끝부분을 인식 안하듯이요..
꼭 /를 붙여야 하죠...(예]<p>ㅇㄻㅇㄹ</p>) -
litconan
2003.11.03 21:07
음냐 박종익님 쓰시고 댓글보러 안오시나보네요. 아직도 <iframe>으로 되어있네... -
고냉이 콱!
2003.11.11 01:41
아하....... iframe은 ie만 되는구나... (몰랐네 ㅡ.ㅡ) -
짱가
2003.11.15 21:42
iframe 은 ie 5.5 이상에서 지원됩니다.
고로.. ie5.0인 분이 접속하면 안보인다는... -
행복한고니
2003.11.15 23:37
짱가// 제대로 알고 말씀하시는 건지요?
iframe 은 IE 3.x 부터 지원되던겁니다.
위 예제에서 사용된 필터스타일은 IE 5.5 이후부터 지원된거지만, iframe 자체는 그렇지 않습니다.
http://devedge.netscape.com/library/xref/2001/html-element/ -
비트
2003.11.20 23:40
오 . 아이프레임 좋은거 .. 아이프레임으로 잘 꾸미면. 진짜 멋진홈 나오는데 ..; -
김기엽
2003.11.26 23:23
아이프레임 좋아하면 안될텐데
이 아이프레임이 홈피속도 좀 떨어뜨리지 않나요?
물론 한번만 사용하면 괜찮겠지요 뭐 -
Smileru
2003.12.08 09:43
............저도 계속 아이프레임으로 홈페이지 만들고 지금도 그렇지만... 속도가 느린지는 잘..;;;
아앗!! ZeZe님이시네요! ^_^ -
zeze
2003.12.01 21:40
그렇게 떨어트리진 않아요...
그리고 속도 떨어질 만큼 방문자가 왔으면 좋겠네요 ㅜ.ㅜ -
구지
2003.12.19 09:27
저도 만들어 봤지만 별로 속도가 느린다는 것은.. -
ⓘ아이샤이
2004.01.05 22:17
코멘트 어딘가.. 무시하는 말투.. -ㅅ-가 보인다는;;;; -
 
2004.01.11 01:32
뭔가.. 그렇다기 보단, 서로 옳은 것으로 향해 치닿는
(사실 잘못된 코멘을 방치 하면 정보를 잘못받아 들이니 다른분들이 계속 수정 하시면 편하고 좋죠^^) -
김정택
2004.02.03 21:20
감사해요-_ㅠ 이거 엄청 찾고 있었는데에- -
Reidin
2004.02.20 11:18
아이프레임이 가끔 익플 5.0 이하를 사용하면 안 보이는 경우는 십중팔구 width와 height 값을 퍼센트로 주었을 경우입니다. 5.5에서 퍼센트값을 적용할 수 있도록 되었고, 그 이전에는 퍼센트 값이 들어가면 0픽셀로 인식하는 것 같더군요. (0픽셀이 되면 안보이는게 당연하죠...--;;;;)
아이프레임이 속도를 크게 떨어뜨리는 요인이 되지는 않습니다. HTML 페이지를 하나 더 불러오기는 하지만 걱정할 정도는 아니거든요.
그리고 아이프레임 태그는 HTML 4.01 표준태그이고, 넷스케이프도 최근 버전은 지원합니다. -
토끼군
2004.02.26 21:11
아이프레임 태그는 HTML 4.01 표준 지원 맞습니다. 넷스케이프 7은 모르겠는데 모질라 파이어버드 0.8(0.7도 확인)에서 제대로 되는 걸 확인했습니다.
투명한 아이프레임
<iframe src=문서 style="filter: Alpha(Opacity=65);"><iframe>
이렇게 되어있으니까 강좌를
<iframe src=문서 style="filter: Alpha(Opacity=65);"></iframe>
이렇게 고치라는 말씀이지요.
투명아이프레임에서만이 아니구요.^-^;;;;;;;