댓글 쓰기 권한이 없습니다. 로그인 하시겠습니까?
New Postings
New Comment
문서작업
2008.02.26 00:54
[HTML iframe]아이프레임(iframe)
조회 수 21489 추천 수 42 댓글 0
[HTML iframe]아이프레임(iframe)
html iframe 이란 내부 프레임(inline frame)이라는 의미로 하나의 HTML문서내에서 다른 HTML문서를 보여주고자 할때 사용합니다.
일반적인 프레임(frame)과 비교해보면 html 아이프레임은 <frameset> 태그 사이에 올 필요가 없으며, 독립적으로 마치 <img> 태그를 사용하듯 문서내의 원하는 위치에 삽입할 수 있습니다.
html iframe에서 사용할 수 있는 속성도 <img> 태그과 유사합니다.
html 아이프레임 태그내에서 사용할 수 있는 속성(property)은 다음과 같습니다.
[html iframe] src
아이프레임 안으로 불러올 파일의 경로를 지정합니다.
[html iframe]frameborder
아이프레임의 경계선 두께를 설정하는 부분입니다. 보통 0으로 지정합니다.
[html iframe]width
아이프레임의 너비를 지정합니다.
[html iframe]height
아이프레임의 높이를 지정합니다.
[html iframe]marginwidth
아이프레임 내부의 좌우여백을 지정합니다.
[html iframe]marginheight
아이프레임 내부의 상하여백을 지정합니다.
[html iframe]scrolling
스크롤바 유무를 지정합니다. yes로 하면 항상 있고, no로 하면 항상 없고, auto로 하면 길이에 따라서 스크롤바 출력 여부가 결정됩니다.
[html iframe]name
아이프레임의 이름을 지정합니다. 이는 링크의 타겟을 지정할때 중요합니다.
html iframe 이란 내부 프레임(inline frame)이라는 의미로 하나의 HTML문서내에서 다른 HTML문서를 보여주고자 할때 사용합니다.
일반적인 프레임(frame)과 비교해보면 html 아이프레임은 <frameset> 태그 사이에 올 필요가 없으며, 독립적으로 마치 <img> 태그를 사용하듯 문서내의 원하는 위치에 삽입할 수 있습니다.
html iframe에서 사용할 수 있는 속성도 <img> 태그과 유사합니다.
<iframe src="source.html" frameborder="0" width="500" height="300" marginwidth="0" marginheight="0" scrolling="yes"></iframe> |
html 아이프레임 태그내에서 사용할 수 있는 속성(property)은 다음과 같습니다.
관련강좌 |
[html iframe] src
아이프레임 안으로 불러올 파일의 경로를 지정합니다.
[html iframe]frameborder
아이프레임의 경계선 두께를 설정하는 부분입니다. 보통 0으로 지정합니다.
[html iframe]width
아이프레임의 너비를 지정합니다.
[html iframe]height
아이프레임의 높이를 지정합니다.
[html iframe]marginwidth
아이프레임 내부의 좌우여백을 지정합니다.
[html iframe]marginheight
아이프레임 내부의 상하여백을 지정합니다.
[html iframe]scrolling
스크롤바 유무를 지정합니다. yes로 하면 항상 있고, no로 하면 항상 없고, auto로 하면 길이에 따라서 스크롤바 출력 여부가 결정됩니다.
[html iframe]name
아이프레임의 이름을 지정합니다. 이는 링크의 타겟을 지정할때 중요합니다.
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 | 추천 수 |
---|---|---|---|---|---|---|
187 | 성가대 | 특송 후보곡들 | Dreamy | 2006.10.17 | 10091 | 46 |
186 | 일반 | embed tag 설명 | Dreamy | 2006.10.24 | 9840 | 44 |
185 | 성가대 | '저는 당신만을' 악보 | Dreamy | 2007.02.03 | 11842 | 49 |
184 | 프로그래밍 | 예제를 통해 Doxygen 주석 다는 방법 최대한 간단히 익히기 | Dreamy | 2007.04.24 | 14963 | 38 |
183 | 인터넷 | 사진을 문자로 변환을 시켜주는 사이트 | Dreamy | 2007.07.18 | 11835 | 56 |
182 | 일반 | 영문 편지에 유용한 표현 | Dreamy | 2007.08.09 | 11332 | 39 |
181 | 영어 | 재밌는 영어 관용어들 1 | Dreamy | 2008.01.20 | 13529 | 14 |
» | 문서작업 | [HTML iframe]아이프레임(iframe) | Dreamy | 2008.02.26 | 21489 | 42 |
179 | 성가대 | 라틴어 발음법 1 | Dreamy | 2008.06.04 | 18680 | 14 |
178 | 일반 | 아스키 아트 사이트 | Dreamy | 2008.08.20 | 12746 | 0 |
177 | 일반 | [역전세란 대응방법]...전세사는 분들만 보세요. (아고라펌) | Dreamy | 2008.12.04 | 8726 | 0 |
176 | 성가대 | 악보 연주기호 정리 | Dreamy | 2008.12.26 | 14076 | 0 |
175 | 게임 | Auditorium 음악게임 | Dreamy | 2009.01.25 | 9983 | 0 |
174 | 게임 | SONNY2, 턴 방식의 RPG게임 | Dreamy | 2009.01.25 | 10269 | 0 |
173 | 게임 | [배틀 기어] 횡스크롤 2차 세계 대전 | Dreamy | 2009.01.25 | 8583 | 0 |
Designed by sketchbooks.co.kr / sketchbook5 board skin
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5