본문 바로가기

Daily Life/Blog

아이프레임 삽입 블로그 포스팅

블로그 포스팅 - 아이프레임 삽입
IFRAME 
 
 

 

 
아이프레임(iframe)은 html문서 안에 또하나의 html을 넣을때 사용합니다.
블로그 포스팅을 하다가 필요에 따라 넣을 수 있는 장점이 있어 포스팅 합니다.
 

iframe

아이프레임의 명령 시작

src=""

불러올 페이지나, 이미지 등의 주소 또는 경로

name=""

아이프레임의 이름 또는 그룹을 지정

width=""

아이프레임 넓이를 지정. 숫자를 입력하며 숫자가 높을수록 좌우 넓이가 넓어짐

hight=""

아이프레임 높이를 지정. 숫자를 입력하며 숫자가 높을수록 상하 높이가 길어짐

frameborder=""

아이프레임 테투리를 지정. 숫자 0을 입력시 테두리 없음.

marginwidth=""

아이프레임 영역 페이지 좌우 여백을 지정. 넓이 높이 지정과 마찬가지로 숫자 입력

marginheight=""

아이프레임 영역 페이지 상하 여백을 지정. 넓이 높이 지정과 마찬가지로 숫자 입력

scrolling=""

아이프레임 영역에 스크롤 사용 여부 지정. yes, no, auto 입력

* auto 명령시 세로 길이가 길 경우 자동으로 스크롤 생성

/iframe

아이프레임의 명령 마침

 

<iframe src="경로" name="이름" width="좌/우 넓이" height="상/하 높이" frameborder="페이지 테두리 설정" marginwidth="페이지 좌/우 여백 설정" marginheight="페이지 상/하 여백 설정" scrolling="페이지 스크롤 생성 여부"></iframe>

 

 

메디홀딩스란 회사의 반응형웹사이트를 아이프레임으로 올렸봤습니다.

위 아이프레임의 소스는 아래와 같습니다.
 
<IFRAME style="HEIGHT: 450px; WIDTH: 650px" frameborder=1 src=http://www.mediholdings.co.kr/></IFRAME>
 
포스팅하실때 페이지나 플레시 등을 아이프레임에 넣어 사용하고 싶다면 html에서 소스를 삽입하시고 편집하시면 됩니다. 참 쉽죠?
참고로 네이버 블로그, 다음 블로그에선 사용이 안되는걸로 알고 있습니다. 유용하게 쓰시길 바라며..^^