HTML 기초, <frameset>태그, src, noresize, 스크롤바, 세로/가로 분할 (22번째)

HTML 기초, <frameset> 태그, src, noresize, 스크롤바, 세로/가로 분할

 

프레임은 브라우저 창에 여러 개의 HTML 문서를 동시에 볼 수 있도록 도와줍니다. 프레임을 이용하면 여러 개로 이루어진

홈페이지를 체계적으로 꾸밀 수 있어서 홈페이지에 많이 응용합니다.

 

◎ 프레임을 만들기 위한 <frameset> 태그

 

프레임은 '구조', '틀'이란 의미이므로 화면의 구조를 물리적으로 분할할 수 있습니다.화면을 나눠 서로 다른 내용을 나타내려면 프레임으로 화면을 나눠서 해당하는 문서를 넣어주면 됩니다.

<frameset> 태그로 프레임을 선언해 주고 <frame> 태그로 각각의 프레임을 설정해 줍니다.

 

<frameset> 태그는 프레임을 사용하기 위해 프레임을 정의해 주는 태그입니다. 프레임 수와 사이즈를 지정할 수 있습니다.

cols로 지정되면 프레임이 세로 분할되고 rows를 지정하면 가로 분할 됩니다.

cols, rows 속성에 프레임의 사이즈와 프레임의 수를 지정할 때는 ',(콤마)'로 구별한 개수만큼 프레임이 만들어집니다.

 

예문)

 

<frameset cols / rows="픽셀 수나 웹 브라우저에 대한 비율(%)">

 <frame></frame>

 <frame></frame>

</frameset>

 

 

 

 

◎ 프레임에 파일 연결하는 src 속성

 

<frameset> 태그는 'src' 속성으로 분할한 프레임에 표시할 html 문서의 파일명을 지정해 줍니다.

 

예문)

 

<frameset cols / rows="픽셀 수나 웹 브라우저에 대한 비율(%)">

 <frame src="프레임 1의 파일명">

 <frame src="프레임 2의 파일명">

</frameset>

 

 

 

 

◎ 프레임의 크기 변경을 금지하는 noresize 속성

 

프레임을 나눈 후 마우스로 분할된 프레임의 테두리선에 마우스를 가져가 드래그 하면 프레임의 크기를 변경할 수 있습니다.

임의로 프레임의 크기가 변경되면 뜻하지 않은 모양이 나올 수 있는데요. <frame> 태그에 'noresize' 속성을 지정하면

그 프레임의 크기가 변경되지 않습니다.

 

 

 

 

 

 

◎ 스크롤바 표시하기

 

프레임에 스크롤바를 표시하려면 <frame> 태그에 'scrolling' 속성을 'yes'를 지정하면 됩니다.

'scrolling' 속성을 'yes'로 지정하면 내용이 적어도 프레임에 스크롤바가 생기게 됩니다. 'scrolling' 속성에 'no' 또는 'off'로

지정하면 아무리 내용이 많아도 스크롤바는 생기지 않습니다. 그리고 'scrolling' 속성에 'auto'로 지정하면 프레임의 내용이

많으면 자동적으로 스크롤바가 생기고, 적으면 스크롤바가 생기지 않습니다.

 

기본값이 'auto' 이므로 특별한 경우가 아니라면 <frame> 태그에 'scrolling' 속성을 굳이 지정하지 않아도 됩니다.

 

예문)

 

<frame scrolling="yes / no / auto">

 

 

 

 

 

◎ 세로 (위, 아래)와 가로 (좌, 우)를 복합 분할하기

 

프레임 안에 프레임을 정의해 다양한 프레임을 만들 수 있습니다. 전체 브라우저를 프레임으로 나눈 후 나누어진 프레임을

다시 또 다른 프레임으로 나눌 수 있습니다. 프레임 테두리선을 드래그 하면 프레임 크기를 변경할 수 있습니다.