04. 셀병합 rowspan, colspan

셀병합 rowspan, colspan

인접한 여러 셀을 합쳐서 하나의 셀로 만드는 경우

- 보다 다양한 모양의 테이블 생성이 가능

 

rowspan 속성, colspan 속성

- <td> 또는 <th> 태그 내에서만 사용

- rowspan = "n" -> 현재 셀의 위치에서 n개의 행을 병합

  -- 세로 방향으로 인접한 n개의 셀을 병합

- colspan = "n" -> 현재 셀의 위치에서 n개의 열을 병합

  -- 가로 방향으로 인접한 n개의 셀을 병합

 

 

** 3 x 4 크기의 테이블

<table border="1">
    <tr>
    <td>1-1</td> <td>1-2</td> <td>1-3</td> <td>1-4</td>
    </tr>
    <tr>
    <td>2-1</td> <td>2-2</td> <td>2-3</td> <td>2-4</td>
    </tr>
    <tr>
    <td>3-1</td> <td>3-2</td> <td>3-3</td> <td>3-4</td>
    </tr>
</table>

1-1	1-2	1-3	1-4
2-1	2-2	2-3	2-4
3-1	3-2	3-3	3-4

 

열 병합 _ colspan 속성

행 병합 _ rowspan 속성

행과 열의 병합