본문 바로가기
개발/HTML

HTML 페이지 분할과 페이지 포함 태그

by 두리두리안 2021. 3. 13.

※HTML5에서는 사용 되지 않는 태그가 나오지만 HTML5를 사용하지 않는 경우가 있기에 알아 두어야 한다. 

<frameset>태그

이 태그는 웹페이지를 여러 영역으로 나눌때 사용한다. 나누어진 영역들은 개별적으로 파일로 관리

이때 <frame>태그를 사용

속성 설명
rows 페이지를 상하로 나눌때 사용한다. 
cols 페이지를 좌우로 나눌때 사용한다.
border 나누어진 프레임의 테두리(0이나 숫자)로 지정
bordercolor 테두리 색을 지정
frameborder 프레임을 구분하는 테두리를 화면에 표시할지 여부(yes,no)를 지정 
기본값은 yes이다. no인 경우 border 값을 0으로 해야한다. 

<frame>태그 

<frameset> 태그로 나누어진 영역들에 대하여 파일을 지정하는 태그

속성 설명
name 프레임의 이름을 지정. target속성을 사용할 때 필요
src 프레임에 해당하는 파일(파일 경로와 이름)을 지정
noresize 프레임을 고정하여 크기가 바뀌지 않게 지정
srolling 프레임에 스크롤 막대가 표시되지 않게 지정(yes, no, auto)
기본값은 auto

<body>태그가 없는게 특징이다. 

 

예제코드

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<frameset border=2 bordercolor="blue" framespacing=4 rows="100, 350, *" frameBorder=yes>
  <frame src="top.html" name="top">
  
  <frameset cols="30%,*">
   <frame src="left.html" name="left">
    <frame src="center.html" name="center">
  </frameset>
  <frame src="bottom.html" name="bottom">
</frameset>
</html>

※각각의 파일은 만들었다.

 

'개발 > HTML' 카테고리의 다른 글

[Restart-HTML] 종류와 중요도에 따른 태그  (0) 2022.07.18
폼을 구성하는 태그들  (0) 2021.03.13
HTML의 기본 태그들(2)  (0) 2021.03.13
HTML의 기본 태그들(1)  (0) 2021.03.13