디자인몰
디자인시안   ㅣ   플래시   ㅣ   일러스트   ㅣ   페인터   ㅣ   편집사진   ㅣ   단독사진   ㅣ   문서   ㅣ   사운드   ㅣ   CD   ㅣ   정액숍  ㅣ   모델   ㅣ   이벤트숍   ㅣ   브랜드숍   ㅣ   사용안내   ㅣ   웹강좌
베스트 키워드 더보기
주간 월간 연간 누적
디자인몰 통합검색 전체 검색 정액숍 검색 무한숍 검색
검색 상세검색
이벤트
콘텐츠 개수 오늘어제이번달지난달누적
HTML 소개
텍스트
링크
이미지
테이블
인클루드
프레임
폼(FORM)
이미지 자르기
색상코드표
HTML강좌
Home > 디자인몰 > 웹강좌 > HTML강좌
프레임의 기본구성 프레임 크기 다중 프레임 프레임 테두리 프레임 속성 프레임 타깃 지정
아이프레임(IFRAME)
  
웹 문서들 중에 한 화면 전체를 문서 하나로 채우는 경우는 그리 흔치 않습니다. 대부분 창을 2개나, 3개로 나누어서 내용을 정리하게 됩니다.
프레임 태그는 홈페이지를 만들 때 기본틀을 결정하는 태그이므로 대부분 홈페이지를 처음 기획할 때 사용하게 됩니다.
프레임은 웹 브라우저의 화면을 분할하여 각 분할된 부분(프레임)마다 웹 페이지를 읽어들일 수 있도록 합니다.
분할된 프레임은 독립된 웹 페이지처럼 프레임마다 바탕색을 바꾸기도 하고, 각기 다른 내용이 있는 HTML 문서를 불러올 수가 있습니다.

프레임의 기본 구조는 아래와 같습니다.

1. rows : 프레임을 가로로 나누었을 경우
   [ 분할높이 : 가로로 분할했을 때 각 프레임의 높이를 ,(쉼표)로 구분해서 입력한다.( 단위는 픽셀, %, * ) ]
2. cols : 프레임을 세로로 나누었을 경우
   [ 분할너비 : 세로로 분할했을 때 각 프레임의 너비를 ,(쉼표)로 구분해서 입력한다.( 단위는 픽셀, %, * ) ]
3. 파일이름 : 각각의 프레임 안에 보여질 HTML 문서의 경로를 입력합니다.
4. name : 각 프레임의 이름입니다. 타깃을 이용하여 링크를 지정할 때 사용합니다.

(1) 프레임을 가로로 나눈 경우
<html> <head><title>프레임의 가로 기본구조</title></head> <frameset rows="분할 높이"> <frame src="파일 이름" name="프레임 이름"> <frame src="파일 이름" name="프레임 이름"> </frameset> </html>



<html> <head> <title>가로로 프레임 나눈 경우</title> </head> <frameset rows="*,*,*"> <frame src="ex_frame01.htm"> <frame src="ex_frame02.htm"> <frame src="ex_frame03.htm"> </frameset> </html>
(2) 프레임을 세로로 나눈 경우
<html> <head><title>프레임의 세로 기본구조</title></head> <frameset cols="분할 너비"> <frame src="파일 이름" name="프레임 이름"> <frame src="파일 이름" name="프레임 이름"> </frameset> </html>



<html> <head> <title>세로로 프레임 나눈 경우</title> </head> <frameset cols="*,*,*"> <frame src="ex_frame01.htm"> <frame src="ex_frame02.htm"> <frame src="ex_frame03.htm"> </frameset> </html>
회사소개 | 리셀러 | 에이전트 | 회사약도 | 이용약관 | 개인정보 보호정책 | 고객지원