본문 바로가기
Web/HTML

[HTML 기본 개념] HTML 문법-프레임과 ifame

by 나비와꽃기린 2016. 6. 23.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

1.1  프레임과 iframe

-페이지안에 페이지를 삽입하는 방법

-프레임(frame)은 하나의 웹 브라우저 화면에 여러 개의 HTML 문서를 표시할 때 사용함.

-주로 네비게이션(메뉴)과 컨텐츠 부분을 분리하기 위해서 사용한다.

 

- 프레임을 정의하기 위해서는 <frameset>태그와 <frame>태그가 필요

<frameset cols="25%,75%">
    <
frame src=http://www.homejjang.com>
    <frame src="http://www.naver.com">
</frameset>

 

2.5.1 frameset

-frameset 태그는 프레임을 어떻게 나눌 것인지를 지정

-cols 속성값은 frame 개체의 너비를 지정, % 및 픽셀로 지정 가능

-위의 예제 cols="25%,75%"의 의미는 문서를 수평으로 2개의 프레임으로 나누고, 프레임의 너비 비율을 25%, 75%로 지정한다는 의미이다.

-cols 부분을 rows로 바꾸면 문서를 수직으로 나눌 수 있다.

2.5.2 frame

-프레임 안에 들어가는 문서의 속성을 지정하는 태그

-기본적으로 src 속성을 가진다. 어떤 문서를 프레임 안으로 불러올 것인가를 지정해야 하기 때문

<frame src=”http://www.naver.comframeborder="0" marginheight="20" marginwidth="0" name="menu_frame" noresize scrolling="auto">

frameborder

프레임의 경계선을 표시할지 여부를 지정.

0으로 지정하면 경계선이 보이지 않고 1로 지정하면 경계선이 출력

Marginheight/ marginwidth

프레임의 여백을 지정

noresize

이 속성에는 값을 지정하지 않음. 프레임의 크기를 고정하고 싶을때 추가해 주는 속성

scrolling

프레임내에 스크롤바가 생길지 여부를 지정 (yes|no|auto)

2.5.3 iframe

-아이프레임이란 내부 프레임(inline frame)이라는 의미로 하나의 HTML문서내에서 다른 HTML문서를 보여주고자 할 때 사용