호빵홈 소스자료실
현재위치 : hobbang.co.kr > 소스자료실
소스자료실은 홈페이지를 만들거나 꾸밀 수 있는 자바스크립트와 HTML 소스를 제공합니다.
또한 컴퓨터와 인터넷을 사용하면서 유용한 Tip도 제공하니 각 Category를 선택하세요.

Category

  (Homepage)님의 글입니다.
[펌] 문서 안에서 다른 화면을 불러오는 IFRAME(아이프레임) 태그 2004-05-15 00:34:41, 조회 : 2,902, 추천 : 28

아이프레임이란 내부 프레임(inline frame)이라는 뜻입니다. 즉 우리가 하나의 HTML문서내에서 다른 HTML문서를 보여주고자 할때 사용하는 것인데요.
가장 흔히 볼수 있는 곳은 대부분의 싸이트에 회원가입시...이용약관동의 부분이 나오죠? 거기 보면 이용약관내용이 일정한 사각형 모양안에서 보여지죠? 옆쪽으로 스크롤바도 보이구요.바로 그것이 아이프레임입니다.


<IFRAME>

아이프레임은 특정위치에 원하는 크기의 프레임을 만들고 만들어진 프레임 내에 또다른 HTML문서를 불러오는 것입니다. 따라서 최소한의 속성을 설정해야 하는데.. 그 형태가 다음과 같습니다.
<IFRAME src="아이프레임내에 보여줄 html문서경로" width="아이프레임너비" height="아이프레임높이"></IFRAME>

iframe은 익스플로러 전용 태그이기 때문에 넷스케이프에서는 사용할수 없습니다.

<iframe>여는태그와 </iframe>닫는 태그사이에 들어가는 내용은 프레임을 보여주지 못하는 브라우저 사용자들에게 보이게 됩니다.

 

iframe 나머지 속성도 정리해 보도록 하겠습니다.

태그
속성
설명
<iframe>
src
아이프레임내에 보여줄 html문서의 경로
width
아이프레임너비
height
아이프레임높이
frameborder
아이프레임 테두리
frameborder="0" : 아이프레임 테두리 없음
frameborder="1" : 아이프레임 테두리 표시
marginwidth
아이프레임 테두리로 부터 html문서 내용의 가로 여백
marginheight
아이프레임 테두리로 부터 html문서 내용의 세로 여백
scrolling
프레임의 스크롤 바의 유무를 지정(default값은 auto)
scrolling="yes" : 스크롤바가 보임
scrolling="no" : 스크롤 바가 보이지 않음
scrolling="auto" : 링크된 html문서내용이 아이프레임보다 클경우 보이고 작을경우 보이지 않음
name
iframe의 이름을 지정. (target 을 정해줄수 있게)
align
프레임 정렬을 설정(그동안 많이 봤죠? center, right, left)


아이프레임 사용 예제

<HTML>
      <HEAD>
            <TITLE>아이프레임 사용예제입니다.</TITLE>
      </HEAD>
      <BODY bgcolor="#FFFFFF" text="#000000">
 

아이프레임 사용 예제입니다.<br>
예제를 보면 어떤것을 아이프레임이라고 하는지 더 잘 알수 있겠죠?<br><br><br>

<IFRAME src="http://www.empas.com" width=500 height=300 frameborder=1>
iframe여는 태그와 닫는 태그 사이의 내용은 누구에게 보여진다구요?
네 맞습니다... 프레임을 볼수 없는 브라우저 사용자들에게 보여진다고 했죠~~^^
</IFRAME>

      </BODY>
</HTML>



2022-01-28
14:21:37


  추천하기   목록보기

현재글을 이메일로 보내기

No 제 목 글쓴이 작성일 조회
733   Windows XP 서비스팩2(SP2) CD 무료 주문     10-01 03:03 1989
732   [펌] 플래시 동영상 강좌     09-29 16:12 4360
731   포털, 커뮤니티 서비스 '동영상 대전'     09-18 01:52 1770
730   '사진 파일로 바이러스 감염' 보안경보     09-17 00:35 1599
729   MSN 메신저 설치 않고 웹에서 바로 사용하기     08-20 00:53 1816
728   [뉴스] 윈도XP 패치 결함, 인터넷속도 크게 저하     07-30 12:20 1911
727   서울 버스 노선/정류장/빠른길 검색 서비스     07-11 01:16 2344
726   서울 기존 노선번호와 바뀐 번호와 노선 안내 파일 (한글97용)     07-11 01:15 1290
725   한글주소 안될 때나 MSN 검색이 되버릴 때 이렇게 하세요     07-02 23:17 1540
724   [펌] 플래시(Flash) 소스 모음     06-27 21:06 15884
723   [펌] 여러 상황별 응급 조치 및 해결 방법     06-27 21:03 6280
722   포토샵 강좌 67가지 모음 (dcinside 링크)     05-30 14:33 19599
721   [펌] 플래시에서 폰트가 깨끗하게 보이게 하기     05-17 23:48 3689
720   [펌] META(메타) 태그     05-15 00:41 2712
  [펌] 문서 안에서 다른 화면을 불러오는 IFRAME(아이프레임) 태그     05-15 00:34 2902
   [1][2] 3 [4][5][6][7][8][9][10]..[51] [다음 10개]
 
Copyright 1999-2022 Zeroboard / skin by Praise Jesus
Copyright ⓒ 1998~ . Hobbang.co.kr. All rights reserved.