7-1 프레임(Frame)


프레임은 우리가 쓰고있는 하나의 웹 브라우저 화면에 여러개의 HTML 문서를 표시할때 사용됩니다. <FRAMESET>과 <FRAME>, <IFRAME> 태그를 알아보도록 할텐데, 우선 FRAMESET란 태그부터 살펴보죠.
프레임셋 태그는 프레임을 어떻게 나눌건지 지정하는 태그입니다. 프레임셋 태그의 속성은 아래와 같습니다.

<FRAMESET
border="경계선 두께/픽셀"
bordercolor="경계선 색/픽셀"
cols/rows="픽셀/%" 프레임셋 내의 프레임을 열/행으로 나눔
frameborder=0/1" 경계선의 표시 유무, 표시는 1 그렇지 않다면 0
framespacing="픽셀" 프레임셋 내에서 프레임간의 간격
> 


<FRAME> 태그는 기본적으로 불러들일 문서를 지정해야 합니다.

<FRAME
src="연결될 페이지 경로"
border="경계선 두께/픽셀"
bordercolor="경계선 색/픽셀"
frameborder="0/1"
marginheight="픽셀" 프레임 내의 문서와 상하 여백
marginwidth="픽셀" 프레임 내의 문서와 좌우 여백
name="이름" 프레임 이름
noresize 프레임 크기 고정, 사용자가 조절할 수 없음
scrolling="속성 값" yes, no, auto가 있으며 스크롤바 생성 유무를 결정합니다.
>

 
IFRAME(inline frame, 내부 프레임) 태그는 화면을 전체적으로 분할하는 FRAME 태그완 달리 페이지 안에서 작은 틀(프레임)을 만들수 있는 태그입니다. 속성은 아래와 같습니다.

<IFRAME
src="연결될 페이지 경로"
align="정렬"
border="픽셀"
bordercolor"#색상코드"
frameborder="0/1"
framespacing="픽셀"
width="픽셀"
height="픽셀"
hspace/vspace="픽셀" 좌우상하 간격 설정
marginheight="픽셀" 상하 여백 설정
marginwidth="픽셀" 좌우 여백 설정
name="이름" 프레임 이름
scrolling="속성 값"
id="아이디 이름" class와 동일함
style="스타일 시트 입력" 적용될 스타일 시트
>


한번 직접 사용해보도록 하겠습니다.

index.html:

<HTML>
 <HEAD>
  <TITLE>TABLE 태그</TITLE>
  </HEAD>
<frameset cols="25%,75%">
   <frame src="frame_a.htm" />
   <frame src="frame_b.htm" />
</frameset>
</HTML>



frame_a.htm:

<HTML>
<BODY>
frame_a.htm 입니다!
</BODY>
</HTML>



frame_b.htm:

<HTML>
<BODY>
frame_a.htm 입니다!
</BODY>
</HTML> 


 

 

<HTML>
 <HEAD>
  <TITLE>TABLE 태그</TITLE>
  </HEAD>
   <BODY>
    <iframe src="http://naver.com/"></iframe>
</HTML>



저작자표시

'프로그래밍 관련 > HTML' 카테고리의 다른 글

HTML 강좌 6편. <EMBED>..</EMBED>, <TABLE>..</TABLE>  (8) 2012.02.14
HTML 강좌 5편. HTML 색상표, 링크 걸기  (2) 2012.02.14
HTML 강좌 4편. <UL>, <OL>, <LI>, 특수문자 표시, 이미지 넣기  (2) 2012.02.14
HTML 강좌 3편. <FONT>, <BIG>, <STRONG>, <CENTER>, <SUB>..  (2) 2012.02.14
HTML 강좌 2편. 본격적인 태그와 요소의 활용, <BODY>, <BR>..  (20) 2012.02.14

티스토리툴바