2015년 8월 12일 수요일

 셀 합치기

셀을 합쳐야 할 경우가 있다.
아래로 두칸이 있고 위로는 한칸이 있을경우
위에 있는 두개의 셀을 하나로 합쳐
하나의 셀로 만드는 방법은 다음과 같이 하면 쉽게 이해 할 수 있을 것이다.

[예제]

<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 를 사용한다
A
B C

[예제] 칸 합친 후

<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 를 사용한다
합치기 전 소스에서 굵게 표기 된 부분을 주석을 달아 주거나 삭제를 한다...

칸 합치기 전
A B
D C

칸 합친 후
A B
C