테이블을 다루다 보면 테이블안에 있는 셀을 합쳐야 할 경우가 있다. 아래로 두칸이 있고 위로는 한칸이 있을경우 위에 있는 두개의 셀을 하나로 합쳐 하나의 셀로 만드는 방법은 다음과 같이 하면 쉽게 이해 할 수 있을 것이다.
| 셀 옆으로 합치기 |
| 예제 |
설명 |
<table border=1>
<tr>
<td colspan=2>(1,1)</td>
</tr>
<tr>
<td>(2,1)</td>
<td>(2,2)</td>
</tr>
</table> |
첫번째줄과 그 아래의 두번째줄의 칸수가 틀릴경우 첫번째에 있는 칸을 합치는 경우이다. 이때 사용하는 옵션이 colspan이란 부분이다, 즉 아래 부분에 합쳐질 칸의 수를 대입하면 된다. 다음은 옆의 예제의 결과이다.
| |
| 셀 밑으로 합치기 |
| 예제 |
설명 |
<table border=1>
<tr>
<td rowspan=2>(1,1)</td>
<td>(1,2)</td>
</tr>
<tr>
<!--<td>(2,1)</td>-->
<td>(2,2)</td>
</tr>
</table>
|
이번에는 셀을 밑에 있는 거와 합쳐보자. 합치는 방법은 간단하다. 우선 정상적인 테이블을 구성한다. 그리고 셀을 아래로 합치는데 예를 들어 옆과 같이 (1,1)과 (2,1)을 합치고 나머지는 그냥 두고 싶다면 (1,1)에서 rowspan=2를 대입하고 (2,1)부분을 나타내는 곳을 주석처리 하거나 삭제하면 된다. 주석 처리하는 부분은 브라우저가 인식하지 못하기 때문에 삭제와 같은 결과를 나타낸다. 다음의 옆의 예제에 대한 적용결과이다.
| | | |
