rowspan과 colspan

html에서 표를 작성할 때 엑셀에서 칸 합치기 같은 효과를 줄 수 있는 기능이 있는데 rowspan(row spanner)과 colspan(column spanner)가 그것이다.
spanner는 우리가 흔히 아는 스패너, 몽키스패너같은 역할을 하는 것 같다. 행을 하나로 결속(rowspan)시켜주거나 열을 하나로 결속(colspan)시켜준다고 생각하면 되려나~

<table>
	<tr>
    	<td>1행1열</td>
        <td>1행2열</td>
        <td>1행3열</td>
    </tr>
	<tr>
    	<td>2행1열</td>
        <td>2행2열</td>
        <td>2행3열</td>
    </tr>
	<tr>
    	<td>3행1열</td>
        <td>3행2열</td>
        <td>3행3열</td>
    </tr>
</table>

1행1열	1행2열	1행3열
2행1열	2행2열	2행3열
3행1열	3행2열	3행3열

위와 같은 코드에 rowspan과 colspan을 적용하면

<table>
	<tr>
    	<td colspan=2>1열과 2열을 합체</td>
        <td>1행3열</td>
    </tr>
	<tr>
    	<td>2행1열</td>
        <td>2행2열</td>
        <td rowspan=2>2행3열</td>
    </tr>
	<tr>
    	<td>3행1열</td>
        <td>3행2열</td>
    </tr>
</table>

1열과 2열을 합체	1행3열
2행1열	2행2열	2행과 3행을 합체
3행1열	3행2열

각각의 코드를 적용한 행과 열을 기준으로 각각 왼쪽과 아래쪽으로 결속이 된다