[002] HTML - Table (rowspan, colspan 셀 병합 사용)

안녕하세요~ totally 개발자입니다. 오늘은 태그와 셀 병합하는 방법에 대해 살펴보겠습니다. 아래처럼 3x3 3행3열의 테이블이 있다고 가정합니다. 1 2 3 4 5 6 7 8 9 테이블을 이렇게만 구성한다면 위 방법만 알고 계셔도 충분하지만 데이터를 출력할 때 row(행)끼리, column(열)끼리 병합하는 경우가 빈번합니다. 이런 경우, rowspan과 colspan 속성을 사용해주셔야 합니다. 아래 예제를 통해 1,4,7의 row(행)를 병합하는 방법과 5,6의 column(열)을 병합해보는 실습을 해보도록 하겠습니다. 1 2 3 4 5 6 rowspan과 colspan의 원리는 간단하지만 처음에는 헷갈릴 수 있기 때문에 다양한 예제를 통한 실습이 중요합니다. 핵심적으로 알아두실 것은 병합이 시..

2023.01.13