모두CBT

프레임을 다음과 같은 모양으로 나누려고 한다. 다음 중 바르게 작성된 … | [전자상거래운용사 필기] 09년 1회차 기출문제 상세 페이지

1[전자상거래운용사 필기] 09년 1회차

프레임을 다음과 같은 모양으로 나누려고 한다. 다음 중 바르게 작성된 것은?

top.html
left.htmlmain.html
1
<FRAMESET rows="100.*">
<FRAME SRC="./top.html">
<FRAME SRC="./left.html">
<FRAME SRC="./main.html">
</FRAMESET>
2
<FRAMESET cols="100.*">
<FRAME src="./top.html">
<FRAME src="./left.html">
<FRAME src="./main.html">
</FRAMESET>
3
<FRAMESET rows="100.*">
<FRAME src="./top.html">
<FRAMESET cols="200.*">
<FRAME src="./left.html">
<FRAME src="./main.html">
</FRAMESET>
</FRAMESET>
4
<FRAMESET cols="100.*">
<FRAME src="./top.html">
<FRAMESET rows="200.*">
<FRAME src="./left.html">
<FRAME src="./main.html">
</FRAMESET>
</FRAMESET>
해설

화면이 위아래로 먼저 나뉘고, 아래쪽만 다시 좌우로 나뉘는 구조이므로 FRAMESET을 중첩해야 한다.

배치도는 위쪽에 전체 폭을 차지하는 top.html이 있고, 그 아래가 왼쪽 left.html과 오른쪽 main.html로 갈라진다. 따라서 바깥쪽은 행 분할인 rows로 상단 높이와 나머지를 나누어 첫 프레임에 top.html을 넣고, 나머지 영역 자리에 열 분할인 cols를 쓰는 안쪽 FRAMESET을 두어 left.html과 main.html을 배치한 코드가 맞다.

  • 중첩 없이 rows 하나에 프레임 세 개를 나열하면 화면이 가로줄 세 개로만 잘려 좌우 분할이 생기지 않는다.
  • 바깥을 cols로 잡으면 top.html이 왼쪽 세로 칸이 되어 위쪽 전체 폭을 차지하지 못한다.
  • 바깥 cols + 안쪽 rows 조합 역시 좌우로 먼저 갈라지므로 배치도와 상하 관계가 뒤집힌다.

내용에 오류가 있거나 최신 법령·기준과 다른 부분이 보이면 알려주세요. 확인 후 반영하겠습니다.