더북(TheBook)

3.7.5 rowspan과 colspan 속성

표 관련 태그에서 행을 의미하는 tr 태그 안에 열을 의미하는 th, td 태그를 사용하면 행과 열이 만나 셀이 생성됩니다. 이렇게 생성된 셀은 병합할 수 있는데, 행과 행을 병합할 때는 rowspan 속성을, 열과 열을 병합할 때는 colspan 속성을 사용합니다.

다음과 같은 형태로 표를 만든다고 할 때, rowspancolspan의 속성값으로 병합하고 싶은 셀의 개수를 적습니다. 단, 병합한 셀의 개수만큼 다음 행 또는 열은 비워야 합니다. 설명만으로는 이해하기 어려우니 예제 코드를 살펴봅시다.

그림 3-35 셀 병합하기

다음 코드는 그림에 표시된 병합된 셀을 rowspancolspan 속성으로 어떻게 처리하는지 보여줍니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.