베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
    - HTML 소개
    - 텍스트
    - 링크
    - 이미지
    - 테이블
    - 인클루드
    - 프레임
    - 폼(FORM)
    - 이미지 자르기
    - 색상코드표
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
생활 홈페이지 만들기
비즈니스 홈페이지 만들기
쇼핑몰 홈페이지 만들기
프레임
Home > 디자인 센터 > 웹강좌 > HTML 사용법 > 프레임
프레임의 기본구성 프레임 크기 다중 프레임 프레임 테두리 프레임 속성
프레임 타깃 지정 아이프레임(IFRAME)
  
프레임의 크기는 픽셀, % , * 등의 3가지로 입력할 수 있습니다.

<html> <head><title>프레임의 가로 기본구조</title></head> <frameset rows="분할 높이"> <frame src="파일 이름" name="프레임 이름"> <frame src="파일 이름" name="프레임 이름"> </frameset> </html>

1. 픽셀 : 각 프레임의 크기를 픽셀단위로 고정합니다.
2. 퍼센트(%) : 각 프레임의 크기를 %로 지정 화면의 크기에 따라 그 비율이 달라집니다.
3. 별표(*) : 예를 들어 "*, *, *"은 1:1:1로 화면의 크기를 배분한다는 뜻입니다.
   "*, 2*, 3*"은 1:2:3으로 화면의 크기를 나누게 됩니다.
   "100, 150, *"은 첫 번째 프레임 크기는 100pixel, 두 번째는 150pixel, 그리고 세 번째 프레임은 화면의 나머지 영역을 차지한다는 뜻입니다.



(1) 픽셀로 고정시킨 경우
<html> <head> <title>픽셀로 고정시킨 경우</title> </head> <frameset cols="200,150,100"> <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="10%,35%,25%,30%"> <frame src="ex_frame01.htm"> <frame src="ex_frame02.htm"> <frame src="ex_frame03.htm"> <frame src="ex_frame04.htm"> </frameset> </html>


(3) "*"를 사용한 경우
<html> <head> <title>"*"를 사용한 경우</title> </head> <frameset cols="*,2*,3*"> <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.
아사달 이용 가능 브라우저