베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
    - HTML 소개
    - 텍스트
    - 링크
    - 이미지
    - 테이블
    - 인클루드
    - 프레임
    - 폼(FORM)
    - 이미지 자르기
    - 색상코드표
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
생활 홈페이지 만들기
비즈니스 홈페이지 만들기
쇼핑몰 홈페이지 만들기
프레임
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>
사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 070-7510-3007 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 153-803) 서울특별시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
아사달 이용 가능 브라우저