TAG Clouds

New Postings

  • 사람이 지혜가 부족해서 일에 실패하는 경우는 적다. 사람에게 늘 부족한 것은 성실이다.
    - 벤자민 디즈레일리


문서작업
2008.02.26 00:54

[HTML iframe]아이프레임(iframe)

조회 수 20842 추천 수 42 댓글 0
[HTML iframe]아이프레임(iframe)

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 고급강좌

테이블을 이용한 레이아웃

CSS를 이용한 레이아웃으로의 전환

메타(meta) 태그

이미지맵(image map)

점선 테이블1


[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
아이프레임의 이름을 지정합니다. 이는 링크의 타겟을 지정할때 중요합니다.

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소

Designed by sketchbooks.co.kr / sketchbook5 board skin

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5