|
<table border="1" width="250"> <tr> <td rowspan="2">A</td> <td>B</td> </tr> <tr> <td>C</td> </tr> </table> |
간단하죠? rowspan="세로셀수" 속성은 세로의 셀들을 병합해주기 때문에...첫 행에서는 A , B 두개의 셀을 잡아주고 두번째 행에서는 C 셀 하나만 잡아주죠. 이해가 안되시는 분들은 소스를 자세히 살펴보면 이해가 될 겁니다....물론...머리회전이 빠른 분들이 빨리 이해를 하겠죠^^ 그럼 좀 더 어렵게 해볼까요? |
|
|
<table border="1" width="250"> <tr> <td>A</td> <td rowspan="2">B</td> <td>C</td> </tr> <tr> <td>D</td> <td>E</td> </tr> </table> |
<table border="1" width="250"> <tr> <td rowspan="2" bgcolor="#C1BFC0">A</td> <td>B</td> <td>C</td> </tr> <tr> <td rowspan="2" bgcolor="#C1BFC0">D</td> <td>E</td> </tr> <tr> <td>F</td> <td rowspan="2" bgcolor="#C1BFC0">G</td> </tr> <tr> <td>H</td> <td>I</td> </tr> </table> |
이번 역시 <표1>은 이해가 될 것 같은데....<표2>는 헤갈리죠? colspan 속성보다는 조금 더 어려울 겁니다......rowspan 속성의 경우 병합하는 셀들이 위 아래로 병합되기 때문에....원래 병합될 셀이 몇 번째 행에 있었던 셀이라는 걸 잘 이해해야 합니다...위에 <표2>를 예를 들자면....A셀의 경우 원래 1행1열의 셀과 2행1열의 셀이 합해진것입니다.....그러므로 두번째 행의 소스부분에서는 2행1열의 셀의 태그부분이 생략이 되버리죠. D셀이나 G셀 역시 마찬가지입니다. 제가 지금 무쉰 말 하는지 아시겠습니까? 이해하신다면 다행이구요.....이해가 도저히 안된다 하시는 분들은....소스를 가지고 조금씩 바꿔가며 태그연습장에서 연습을 해보세요. 하다보면...언젠가는 이해됩니다.....그 언젠가는 이 언제일지는 모르지만...--;;;; 머리회전속도 차이져... |