댓글 쓰기 권한이 없습니다. 로그인 하시겠습니까?
New Postings
New Comment
문서작업
2008.02.26 00:54
[HTML iframe]아이프레임(iframe)
조회 수 21291 추천 수 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
아이프레임의 이름을 지정합니다. 이는 링크의 타겟을 지정할때 중요합니다.
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 | 추천 수 |
---|---|---|---|---|---|---|
65 | 취미 | 옥상달빛 - 수고했어 오늘도 | Dreamy | 2016.01.17 | 2010 | 0 |
64 | 게임 | 와방 재미난 슈팅 게임 Ownage burst 2 | Dreamy | 2009.02.11 | 8062 | 0 |
63 | 일반 | 외워두자 띄어쓰기 | Dreamy | 2019.03.21 | 1902 | 0 |
62 | 취미 | 원더걸스 예은 - 스마일 | Dreamy | 2012.10.18 | 4142 | 0 |
61 | 일반 | 윈도우 7 단축키 | Dreamy | 2011.05.19 | 6527 | 0 |
60 | 일반 | 윈도우 창 미리보기 해제 | Dreamy | 2014.07.11 | 2130 | 0 |
59 | 성당 | 유다 복음 관련 기사(원문 포함) | Dreamy | 2006.04.12 | 6038 | 13 |
58 | 일반 | 유튜브 동영상을 글 속에서 배경음으로 사용하기 | Dreamy | 2015.06.29 | 1984 | 0 |
57 | 성가대 | 음정이란 | Dreamy | 2005.08.15 | 10692 | 43 |
56 | 취미 | 이문세 - 기억이란 사랑보다 | Dreamy | 2015.03.05 | 1591 | 0 |
55 | 유틸리티 | 이미지 프린터 드라이버 ( Virtual Image Printer driver ) 1 | Dreamy | 2012.03.28 | 10683 | 0 |
54 | 교리교안 | 이웃을 사랑합시다 (프로그램) | Dreamy | 2004.06.06 | 9780 | 26 |
53 | 성가대 | 이종철 신부님 말씀(성가대는 꼭 읽어보세요) | Dreamy | 2009.11.18 | 10756 | 0 |
52 | 인터넷 | 인터넷에서 가져온 랜덤한 이미지를 넣고 싶을 땐 | Dreamy | 2015.09.25 | 1963 | 0 |
51 | 게임 | 일본, The great war of prefecture | Dreamy | 2009.07.21 | 10158 | 0 |
Designed by sketchbooks.co.kr / sketchbook5 board skin
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5