셀을 합쳐야 할 경우가 있다.
아래로 두칸이 있고 위로는 한칸이 있을경우
위에 있는 두개의 셀을 하나로 합쳐
하나의 셀로 만드는 방법은 다음과 같이 하면 쉽게 이해 할 수 있을 것이다.
[예제]
<table border="1" width="200"
cellspacing="0" bordercolordark="white"
bordercolorlight="black">
<tr>
<td width="339" colspan="2">A</td>
</tr>
<tr>
<td width="164">B</td>
<td width="164">C</td>
</tr></table>
|
표 위의 두 개의 칸을 1개의 칸으로
만들어보자
A의 칸이 2개의 칸으로 된
곳을
1개의 칸으로 합쳐진
부분입니다.
이때 사용하는 용어는 colspan 를
사용한다
| |||
|
[예제] 칸 합친 후
<table border="1" width="200" cellspacing="0"
bordercolordark="white" bordercolorlight="black">
<tr>
<td width="164" rowspan="2">A</td>
<td width="164">B</td>
</tr>
<tr>
<td width="164">C</td>
</tr></table>
[예제] 칸 합친 전
<table border="1" width="200" cellspacing="0"
bordercolordark="white" bordercolorlight="black">
<tr>
<td width="200"> a </td>
<td width="200"> b </td>
</tr>
<tr>
<td width="200"
height="24">d</td>
<td width="200">c </td>
</tr>
</table>
|
표 왼쪽 두 개의 칸을 1개의 칸으로
만들어보자
A의 칸이 위아래 2개의 칸으로 된
곳을
1개의 칸으로 합쳐진
부분입니다.
이때 사용하는 용어는 rowspan 를 사용한다
합치기 전 소스에서 굵게 표기 된 부분을 주석을 달아
주거나 삭제를 한다...
| ||||||
칸 합치기 전
칸 합친 후
|