[HTML]<iframe>태그

<iframe>태그란

 html 웹 문서 안에 또 다른 웹 문서나 동영상 등을 넣을 때 사용한다.

 

 

문법

<iframe src="삽입할페이지주소"></iframe>

 

속성

src 속성

inline frame 내에 불러올 문서의 주소를 적는다.

<iframe src="http://www.naver.com">

 

 

width와 height 속성

inline frame의 너비와 높이를 지정할 수 있다.

 

widrh : 가로 값 설정

height : 세로 값 설정

<iframe src="http://www.naver.com" width="300" height="100">

 

 

frameborder 속성

inline frame의 경계선의 두께를 지정할 수 있다.

<iframe src="http://www.naver.com" frameborder="0" width="300" height="100">

 

 

marginwidth와 marginheight

inline frame의 여백을 지정할 수 있다.

 

marginwidth : 좌, 우 안쪽 여백 설정

marginheight : 상, 하 안쪽 여백 설정

<iframe src="http://www.naver.com" frameborder="0" width="300" height="100" marginwidth="0" marginheight="0">

 

 

scrolling

inline frame내에서 스크롤바 사용여부를 지정할 수 있다.

 

yes : 생성

no : 생성안함

auto : 자동

<iframe src="http://www.naver.com" frameborder="0" width="300" height="100" marginwidth="0" marginheight="0" scrolling="yes">

 

 

 

사용 예제

See the Pen OJWQZmW by BakGyoungMin (@bgm16) on CodePen.