HTML의 테이블 태그로써 많이 쓰이지만
분간이 어려운 4가지 태그에 대해서 알아보겠다.
먼저 Cellspacing 과 Cellpadding이다
Cellspacing : 테이블의 외곽과 셀의 경계면의 두께를 설정하는 태그
Cellpadding : 셀과 셀의내용(글) 사이의 간격을 설정하는 태그
즉 Cellspacing은 테이블의 경계면을 설정하는 태그이고
Cellpadding은 테이블과 내용 사이의 간격을 설정하는 태그라고 보면 된다.
Colspan과 Rowspan은 워드프로그램에서의 '셀병합' 과 유사하다
윗줄에서 <td>를 많이 사용해서 셀을 갈라놓았다면
colspan을 이용해서 아랫줄을 원하는 셀 숫자만큼 합칠 수 있다.
Colspan : 가로 수평방향으로 입력한 셀의 숫자만큼 합침
Rowspan : 세로 수직방향으로 입력한 셀의 숫자만큼 합침
(예제)
<table border=1>
<tr>
<td>첫번째 칸</td>
<td>두번째 칸</td>
<td rowspan=2>병합된 세번째 칸</td>
</tr>
<tr>
<td colspan=2>병합된 1~2번째 칸</td>
</tr>
</table>
(결과)
|
첫번째 칸 |
두번째 칸 |
병합된 세번째 칸 |
|
병합된 1~2번째 칸 | ||