07. FRAME TAG - gnu.ac.krejsja/comin/07.pdf · 2015. 4. 20. · 2. 실제로 지정된...
10
computer & internet 07. FRAME TAG
Transcript of 07. FRAME TAG - gnu.ac.krejsja/comin/07.pdf · 2015. 4. 20. · 2. 실제로 지정된...
computer & internet
07. FRAME TAG
프레임이란?
: 웹 페이지를 수직이나 수평으로 여러 개 영역으로
나누어 다른 웹 문서가 들어 갈 수 있도록 구성할 수 있음.
이 때 나누어진 각각의 창을 프레임이라고 함.
2
FRAME…?
HTML 문서에서 <body> 태그 기능을
프레임 문서 구조에서는 <frameset>이 대신함
3
FRAME 문서의 구조
<HTML> <HEAD><TITLE>..</TITLE> </HEAD> <BODY> ..웹 페이지 본문.. </BODY> </HTML>
<HTML> <HEAD><TITLE>..</TITLE> </HEAD> <FRAMSET> ..프레임 선언 .. </FRAMSET> </HTML>
일반 웹 페이지 구조 일반 웹 페이지 구조
1. <FRAMESET ROWS = "...." 또는 COLS = "...."> ....</FRAMESET> <BODY> 태그 대신 사용하기 때문에 <BODY>가 없는 특징을 가짐 화면 분할에 대한 정보를 정의할 뿐, 실제로 화면에 출력되는 내용을 담고 있는 것은 아님 속성(ROWS 또는 COLS)을 사용하여 화면을 분할하여 프레임을 만듦 < 속 성> ① %비율을 이용한 분할 예 ROWS="50%, 50%" : 화면을 가로로 50:50 비율로 분할 COLS="20%, 50%, 30%" : 화면을 세로로 20:50:30 비율로 분할 ② 픽셀 수를 이용한 분할 예 ROWS="100,200,*" : 화면을 가로로 100픽셀, 200픽셀, 그리고 나머지 영역으로 분할
4
FRAME 관련 태그
2. <FRAME>
실제로 지정된 프레임이 들어갈 정보를 정의
<FRAMESET> 태그에 의해 화면이 분할 여러 개의 프레임이 생성되면
각각의 프레임마다 출력할 실제적인 HTML 문서들을 하나 하나 정의 할 때 사용
5
FRAME 관련 태그
속 성 내 용
SRC = “...” 지정된 프레임에서 보여줄 HTML문서의 URL을 지정
NAME = "....“ 현재의 프레임 이름을 정의
MARGINWIDTH = n 해당 프레임의 좌우 여백을 픽셀 단위로 지정
MARGINHEIGHT = n 해당 프레임의 상하 여백을 픽셀 단위로 지정
SCROLLING = AUTO 또는 YES 또는 NO
프레임의 우측과 하단에 스크롤 바를 만들 것인지 아닌지를 결정
NORESIZE 이 속성을 지정하면 사용자가 프레임의 크기를 임의로 변경할 수 없음
3. <NOFRAMES>…………</NOFRAMES>
프레임이 지원되지 않는 웹 브라우저를 위하여 사용
6
FRAME 관련 태그
<html> <head> <title>프레임 나누기</title> </head>
<frameset cols="30%,70%">
<frame src="left_menu.html"name="left" scrolling="auto">
<frame src="main.html"name="right" scrolling="auto">
</frameset>
<noframes>
현재 귀하의 웹 브라우저는 버전이 낮아 프레임기능을
사용할 수 없습니다.
</noframes>
</html>
7
FRAME TAG 실습 1
8
FRAME TAG 실습 2
9
FRAME TAG 문제 !
아래의 결과가 나올 수 있는 코드를 작성하시오
pubilc_html폴더에 올려주시면 됩니다 ^^*
10
FRAME TAG index.html
menu.html
profile.html
