HTML 6단계 - 프레임(frame) 2탄

안녕하세요.

HTML 6단계 프레임(frame) 2탄 시간이 돌아왔습니다.

저번 시간에는 프레임(frame) 1탄를 알아봤는데요 혹시나 잊지는 않으셨겠죠?~^^;

오늘도 화이팅하며, 부담없이 봐주시면 됩니다.~

자 그럼 HTML 6단계 프레임(frame) 2탄 시작해볼께요~

 

▣ 프레임 태그

 

프레임(frame) 태그는 기본적으로 src 속성을 가지고 있습니다. 어떤 문서를 프레임 안으로 불러올 것인가를 지정하기 때문인거죠.

간단한 예문은 <frame src="menu.html"> 이렇게 작성합니다.

그럼 frame의 기타 속성에 대해 알아볼께요.

 

1. frameborder

<frame>의 frameborder 속성은 프레임의 경계선을 표시할지 여부를 지정하는 속성입니다.

속성을 "0"으로 지정하면 경계선이 화면상에 보이지 않고요.

속성을 "1"로 지정하면 경계선이 화면상에 출력됩니다. 

예문을 한번 살펴볼께요. 따라서 작성해 보시고 테스트해 보세요.

<frame src="menu.html" frameborder="0">

 

2. marginwidth

<frame>의 marginwidth 속성은 프레임의 가로 마진 여백을 지정하는 속성입니다.

속성을 "0"으로 지정하면 가로 마진 여백이 없고요

속성을 "1"이상으로 큰수를 지정할수록 가로 마진 여백이 커집니다.

예문을 한번 살펴볼께요. 따라서 작성해 보시고 테스트해 보세요.

<frame src="menu.html" marginwidth="0">

 

3. marginheight

<frame>의 marginheight 속성은 프레임의 높이 마진 여백을 지정하는 속성입니다.

속성을 "0"으로 지정하면 높이 마진 여백이 없고요

속성을 "1"이상으로 큰수를 지정할수록 높이 마진 여백이 커집니다.

예문을 한번 살펴볼께요. 따라서 작성해 보시고 테스트해 보세요.

<frame src="menu.html" marginheight="0">

 

4. name

<frame>의 name 속성은 프레임의 프레임명을 지정하는 속성입니다.

name 속성의 경우 하이퍼링크의 타켓을 설정할때 중요한 의미를 가지고 있습니다.

예문을 한번 살펴볼께요. 따라서 작성해 보시고 테스트해 보세요.

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

 

5. noresize

<frame>의 noresize 속성은 프레임의 속성에는 값을 지정하지않습니다.

noresize 속성의 경우 기본적으로 프레임의 경계선을 드래그하면 프레임의 크기를 조절할 수 있어요.

단 noresize 속성을 지정하면 프레임의 크기를 조절하지 못하게 됩니다. 

즉, 다시 말해서 프레임의 크기를 고정하고 싶을때 추가해 주는 속성입니다. 

예문을 한번 살펴볼께요. 따라서 작성해 보시고 테스트해 보세요.

<frame src="menu.html" noresize>

 

6. scrolling

<frame>의 scrolling 속성은 프레임내에 스크롤바를 나타낼지 여부를 지정하는 속성입니다.

속성을 "yes"로 지정하면 프레임내에 스크롤바가 나타나게 되고요.

속성을 "no"로 지정하면 프레임내에 스크롤바가 나타나지 않게 됩니다. 

속성을 "auto"로 지정하면 프레임내에 문서의 내용이 프레임의 크기보다 클 경우에만 자동적으로 스크롤바가 나타게 됩니다. 

예문을 한번 살펴볼께요. 따라서 작성해 보시고 테스트해 보세요.

<frame src="menu.html" scrolling="auto">

 

어떠신가요? 6가지의 속성들을 알아봤는데요. 이해가 잘 되시나요?~~

그리고 항상 말씀드리는 거지만 반복해서 연습하셔야 된다는 건 필수인거 아시죠?ㅎㅎㅎ

다음시간에는 프레임(frame) 3탄을 포스팅 해볼껀데요. 많은 응원과 기대해주세요. 감사힙니다.