Table - 심화

이전에 다뤘던 table 태그에 관해서 마저 이야기를 나눠보자.

위와 같이 시간표를 만든다고 가정하면 똑같이 1칸씩 차지 하는 것이 아닌 한번에 2칸을 차지하는 시간표인 경우도 많다. 이런 경우엔 어떻게 해야할까?

<tr>
  <th scope="row">1교시</th>
  <td rowspan="2">왕초보 HTML & CSS</td>
  <td>모각코</td>
  <td rowspan="2">왕초보 HTML & CSS</td>
  <td>모각코</td>
  <td rowspan="2">왕초보 HTML & CSS</td>
</tr>

그럴 땐 td 태그에 rowspan 속성을 조절하면 된다. 저기에 넣는 숫자에 따라서 칸을 맞게 차지하고 다음 tr 태그에 맞춰서 td 태그의 값을 넣어주게 되면 빈 자리에 맞게 데이터 값이 차지하게 된다.