댓글 쓰기 권한이 없습니다. 로그인 하시겠습니까?
New Postings
New Comment
문서작업
2008.02.26 00:54
[HTML iframe]아이프레임(iframe)
조회 수 21140 추천 수 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
아이프레임의 이름을 지정합니다. 이는 링크의 타겟을 지정할때 중요합니다.
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 | 추천 수 |
---|---|---|---|---|---|---|
245 | 수업 | 리눅스 명령어 요약 | ★웅제★ | 2003.06.22 | 9905 | 182 |
244 | 수업 | SIC_XE 어셈블러 2 | ★웅제★ | 2003.06.22 | 8743 | 177 |
243 | 일반 | 심성계발 프로그램 | ★웅제★ | 2003.05.21 | 8054 | 147 |
242 | 수업 | 플라톤 '향연'을 읽고 (독후감) 5 | Dreamy | 2003.06.22 | 10082 | 142 |
241 | 취미 | 각종 차 만드는 방법! 1 | ★웅제★ | 2003.05.12 | 11807 | 132 |
240 | 수업 | J.S. Mill '여성의 예속'을 읽고 (독후감) 2 | Dreamy | 2003.06.22 | 8417 | 128 |
239 | 취미 | 각종 술담그는 법 | Dreamy | 2004.10.04 | 13347 | 119 |
238 | 수업 | 노키아 성공사례 분석 | ★웅제★ | 2003.06.22 | 9215 | 119 |
237 | 수업 | 사랑의 기술을 읽고 (독후감) | Dreamy | 2003.06.22 | 10445 | 117 |
236 | 일반 | 콜롬부스 대발견 방송내용 전체 모음 | Dreamy | 2004.05.04 | 7177 | 111 |
235 | 일반 | 별, 음악, 시가있는 곳(별음시) | ★웅제★ | 2003.04.14 | 7782 | 106 |
234 | 일반 | 영화 매트릭스 2, 3 대본 | Dreamy | 2004.10.09 | 9377 | 99 |
233 | 수업 | 시인 도종환님의 강연 '나의삶 나의시'를 듣고 | Dreamy | 2004.04.12 | 7298 | 89 |
232 | 취미 | 시조 모음 | Dreamy | 2005.01.19 | 17426 | 87 |
231 | 수업 | 리눅스 미니쉘 프로그램입니다 | Dreamy | 2004.04.12 | 9993 | 78 |
Designed by sketchbooks.co.kr / sketchbook5 board skin
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5