카테고리 없음

프레임 태그

2012. 8. 1. 11:06

프레임셋 (Frameset)

, 홈페이지 제작의 경우에만 적용됩니다.

.



1)자기  계정에 html 문서를 생성.

home.html , menu.html , main.html , news.html 으로 네 개를 생성합니다.
home.html 문서는 프레임 태그를 적용할 인덱스 페이지가 됩니다.
아래 소스를 적어주세요 (body 안에 넣으시면 안됩니다) ↓ (기본)


<frameset cols="200, *">

<frame name="left" src="menu.html">

<frame name="right" src="main.html">

</frameset>

← 소스에            
 
첫째 줄은, 프레임셋이 시작.
프레임셋을 좌우로(
cols) 나눠라. 왼쪽
프레임은, 절대적으로 200픽셀이고 그다음은
나머지 값으로 알아서 해라. (
*)
둘째줄은- 이쪽 프레임은 이름이 left .
(
name="left") 그리고 이 프레임의 문서는 menu.html을
불러라.(나타내라) (
src="menu.html")
셋째줄은 둘째줄과 같은 형식의 뜻입니다.
넷째줄은 프레임셋     끝 (
/frameset)
  왼쪽의 소스만 복사해서 넣어주기.

다음으로 menu.html 에 다음 소스를 적습니다
메뉴에 맞는 링크태그를 적어야 하며

 링크 타겟(target)은 반드시 프레임셋 name에 적어준 right 로 합니다.


<h3> 메뉴다! </h3>
<p>
<a href="main.html" target="right">메인화면</a>
<p>
<a href="news.html" target="right">news</a>
<p>
<a href="http://www.naver.com" target="right">
지식까지 검색해줄거같아 보이는 네이버
</a>

본 소스는 <body>와 </body> 사이에 넣어 주세요..

첫째 줄 은 h3의 글씨크기로 메뉴다! 라고 글씨를
나타 냈으며,

 둘째 줄은, 링크태그가 시작되었다. ( <a ) 링크될 주소는 main.html 이다.(href="main.html")
클릭하면 나타날 곳은 바로 right 라는 네임을가진
창이다.또는, (
target="right" ) rigth에 링크시켜라.
그리고 링크어는 "
메인화면" 이라는 글씨이다.
셋째 줄도 마찬가지 입니다.
(중간의 <p> 태그 부분은 단락 나누기로서 엔터를 두 번 친 효과가 납니다.


다음 문서인 main.html 에 소스를 적습니다. 

 메인 페이지에  아무거나 적습니다.
그리고 마지막으로
news.html 에 소스를 적습니다. 
아래 소스를 복사해서  사용해도 됩니다..

<html>
<head>
<title>뉴스</title>
</head>
<body bgcolor="black">
<br><p><br><center>
<img src="http://pierload.x-y.net/img/news.jpg">
</center>
</body>
</html>

 
 

프레임의 속성

속성

설명

border="숫자"

중간선 두께. 0 으로 해 주어야 프레임 경계선이 나타나지 않음

cols="150, *"

좌우로 나눌 때의 속성. 왼쪽너비, 오른쪽너비 로 쓰임.
숫자만 쓰면 픽셀값으로 계산되며 퍼센트는 웹 창의 몇%로 할 것인가를 정함. *는 남는 너비로 알아서 계산됨을 뜻함..

name="이름.영어로."

메뉴에서 링크시킬 때 타겟(target="")에 적을 이름

rows=" 10%, *

상하로 나누는 속성 ,숫자 또는 * 부분은 위 설명과 동일..

scrolling="셋중하나"

해당 프레임에 스크롤바 유무  ,           auto/yes/no 중 선택. [auto=알아서선택(초기값), yes=무조건생성 no=무조건생성않음]

src="주소"

해당 프레임에 처음에 나타나게 될 페이지의 주소.

 

 형식

메뉴,내용형. (기본형으로 두 개의 페이지)

인사말,메뉴,내용 형. (세 개의 페이지)

<frameset cols="200, *" border="0">
<frame name="
a" scrolling="no" src="a.html">
<frame name="
b" scrolling="auto" src="b.html">
</frameset>

<frameset rows="50, *" border="0">
<frame name="
a" scrolling="no" src="a.html">
<frameset cols="200, *">
<frame name="
b" scrolling="auto" src="b.html">
<frame name="
c" scrolling="auto" src="c.html">
</frameset>
</frameset>