[HTML]프레임(화면분할)

suyeon·2022년 8월 25일
1

HTML

목록 보기
5/9
post-thumbnail
post-custom-banner

화면 분할

<table border=1 width="100%" height="100%">
	<tr>
		<td width="20%" bgcolor="lime">
		[학교 소개]<br>
		[교장선생님 말씀]<br>
		[교육 자료]<br>
		[오늘의 급식]<br>
		</td>
		<td width="80%" bgcolor="pink">분할 화면2</td>
	</tr>
 </table>

  • width="100%" height="100%"%를 사용하면 화면을 작게하거나 크게할 때 크기가 달라진다.
  • "20%, *"에서 *는 자동으로 80%이기 때문에 *이걸로 써도 가능

프레임

  • frameset태그 사용

가로프레임 나누기(rows)

<frameset rows="200, *">			
	<frame></frame>
	<frame></frame>
</frameset>

세로프레임 나누기(cols)

<frameset cols="200, *">	
	<frame></frame>
	<frame></frame>
</frameset>


2단 프레임

  • 2단 프레임 안에 파일 불러넣기
<frameset cols="20%, *">
	<frame src="left.html"></frame>
	<frame src="main.html"></frame>
</frameset>
  • 파일불러넣기: src="left.html"

    🔝left.html🔝                             🔝main.html🔝

3단 프레임

 <frameset rows="20%, 80%">							
	<frame src="title1.html" noresize>상단메뉴</frame>
	<frameset cols="30%, *">						
		<frame src="left1.html" noresize></frame>
		<frame src="main1.html"></frame>
	</frameset>
 </frameset>

  • noresize(크기조절 할 수 없음)
profile
📖개발블로그📖
post-custom-banner

0개의 댓글