iframe 속성

[ <iframe> 태그로독립적인 창 넣기 ]

 

정의 :  <iframe> 태그는 내부 프레임 이라는 의미다. 일반 프레임 문서와는 달리 HTML문서
내에 창이 단독으로 삽입된다. 프레임을 나누지 않고 하나의 문서 안에 여러개의 문서를
보여주고 싶을때 사용하면 편리하다. 일반프레임 처럼 name 과 target 로 사용할수 있다.

형식 : <iframe src="문서경로/파일명" width="창너비" height="창높이"> </iframe>

다음은 400*300 크기의 창을 문서 중간에 독립적으로 삽입하고 창 안에 start.htm 문서를 보여주는 예다.

ex) <iframe src="start.html" widht=400 height=300> </iframe>

[ <iframe> 태그 속성 ]

------------ <iframe> 태그속성 -------------------

 ○ src
     - <iframe src="samp.html">  : 아이프레임 내부에 samp.html 문서를 보여준다.

 ○ name
     - <iframe src="samp.html" name=win> : 아이프레임 창의 별명을 win으로 지정한다.

 ○ width
     - <iframe src="samp.html" width=600> : 아이프레임의 창의 너비를 600픽셀로 지정한다.

 ○ height
     - <iframe src="samp.html" height=400> : 아이프레임의 창의 높이를 400픽셀로 지정한다.

 ○ frameborder
     - <iframe src="samp.html" frameborder=0> : 아이프레임 창의 테두리 두께를 표시하지 않는다.

 ○ scrolling
     - <iframe src="samp.html" scrolling=auto> : 프레임 창의 내용이 창의 크기를 넘을때만 스크롤바 표시
     - <iframe src="samp.html" scrolling=yes> : 프레임 창에 스크롤 바를 항상 표시한다.
     - <iframe src="samp.html" scrolling=no> : 프레임의 창에 스크롤 바를 항상 표시하지 않는다.

 ○ marginwidth
     - <iframe src="samp.html" marginwidth=10> : 아이프레임 창과 안쪽 문자열 사이의 좌,우 수평여백을 10픽셀로 지정한다.

 ○ marginheigh
     - <iframe src="samp.html" marginheigh=10> : 아이프레임 창과 찬쪽 문자열 상, 하 수평여백을 10픽셀로 지정한다.

 ○ align
     - <iframe src="samp.html" align=left>  : 아이프레임 창을 화면의 왼쪽 정렬하고 창 바깥쭉 문자열을 어울린다.
     - <iframe src="samp.html" align=center> : 아이프레임 창을 화면의 가운데 정렬한다.
     - <iframe src="samp.html" align=right>  : 아이프레임 창을 화면의 오른쪽 정렬하고 창 바깥쪽 문자열을 어울란다.
     - <iframe src="samp.html" align=top>  : 아이프레임 창 안에 있는 문자열을 수직 위쪽으로 정렬한다.
     - <iframe src="samp.html" align=middle> : 아이프레임 창 안에 있는 문자열을 수직 가운데로 정렬한다.
     - <iframe src="samp.html" align=bottom> : 아이프레임 창 안에 있는 문자열을 수직 아래 쪽으로 정렬한다.

출처 : http://blog.naver.com/kimgudtjr?Redirect=Log&logNo=140096135664