댓글 쓰기 권한이 없습니다. 로그인 하시겠습니까?
New Postings
New Comment
문서작업
2008.02.26 00:54
[HTML iframe]아이프레임(iframe)
조회 수 21170 추천 수 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
아이프레임의 이름을 지정합니다. 이는 링크의 타겟을 지정할때 중요합니다.
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 | 추천 수 |
---|---|---|---|---|---|---|
80 | 일반 | 외워두자 띄어쓰기 | Dreamy | 2019.03.21 | 1757 | 0 |
79 | 일반 | 서울 맛집 리스트 | Dreamy | 2023.08.03 | 405 | 0 |
78 | 일반 | SQ8 Manual | Dreamy | 2019.08.08 | 0 | 0 |
77 | 일반 | 경조사별 인사말 | Dreamy | 2019.11.05 | 1721 | 0 |
76 | 일반 | 크레시아 발성법 | Dreamy | 2021.08.18 | 994 | 0 |
75 | 일반 | 연어회 손질하기 | Dreamy | 2021.12.04 | 713 | 0 |
74 | 일반 | DT71 미니 디지털 핀셋 사용 설명서 | Dreamy | 2023.02.03 | 474 | 0 |
73 | 일반 | 맛있는 닭다리 간장 조림 | Dreamy | 2023.04.23 | 509 | 0 |
72 | 멀티미디어 | Whisper-WebUI 설치 | Dreamy | 2023.06.03 | 423 | 0 |
71 | 성당 | 한국가톨릭작곡가 악보를 구입하는 방법 | Dreamy | 2023.10.17 | 459 | 0 |
70 | 성가대 | (프랑스어) 성모송 Je vous salue, Marie | Dreamy | 2024.04.23 | 90 | 0 |
69 | 인터넷 | 가져다 쓸수 있는 시계 태그 | Dreamy | 2005.12.22 | 9816 | 4 |
68 | 인터넷 | ietoy 문맥메뉴가 정상작동 하지 않을 경우 대처법 | Dreamy | 2005.12.19 | 10360 | 6 |
67 | 프로그래밍 | REDIRECTION AND PIPELINE | 유닉스 기초 | Dreamy | 2005.08.05 | 10478 | 7 |
66 | 일반 | 바오밥나무 발아법(마다가스카 종) | Dreamy | 2006.08.16 | 8276 | 7 |
Designed by sketchbooks.co.kr / sketchbook5 board skin
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5
Sketchbook5, 스케치북5