모두CBT

그림과 같은 형태의 표를 만들기 위해 ( )에 들어갈 HTML 코드는? | [멀티미디어콘텐츠제작전문가 필기] 17년 1회차 기출문제 상세 페이지

1[멀티미디어콘텐츠제작전문가 필기] 17년 1회차
그림과 같은 형태의 표를 만들기 위해 ( )에 들어갈 HTML 코드는?
문제 이미지
1
ROWSPAN=2
2
COLSPAN=2
3
HEIGHT=2
4
WIDTH=2
해설

괄호에 들어갈 코드는 ROWSPAN=2이다.

완성 그림을 보면 표는 가로 3칸 구조인데, 가운데 칸만 위아래 두 줄을 하나로 합친 세로로 긴 칸이고 좌우 칸은 각각 위아래로 나뉘어 있다. 즉 병합 방향이 행(세로)이다.

코드에서도 같은 구조가 드러난다. 첫 번째 TR에는 TD가 3개, 두 번째 TR에는 TD가 2개뿐인데, 부족한 한 칸을 첫 행의 가운데 셀이 아래 행까지 차지하고 있기 때문이다. 두 행을 하나로 묶는 속성이므로 값은 2가 된다.

  • 가로 병합 속성을 넣으면 첫 행이 4칸 너비가 되어 아래 행과 열 수가 어긋나고, 가운데 칸이 세로로 길어지지도 않는다.
  • 높이나 너비를 지정하는 속성은 칸의 크기만 바꿀 뿐 셀을 합치지 못하므로 그림과 같은 병합 구조를 만들 수 없다.

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