더북(TheBook)

03/07/table.html

<table>
  <tr>
    <th>번호</th>
    <th>상품명</th>
    <th>수량</th>
    <th>가격</th>
  </tr>
  <tr>
    <td>1</td>
    <td>콜라</td>
    <td>1개</td>
    <td>1,500원</td>
  </tr>
  <tr>
    <td>2</td>
    <td>사이다</td>
    <td>2개</td>
    <td rowspan="2">1,000원</td> <!-- 행 병합 -->
  </tr>
  <tr>
    <td>3</td>
    <td>탄산수</td>
    <td>3개</td> 
    <!-- 4행 4열은 3행 4열과 병합했으므로 생성하지 않습니다. -->
  </tr>
  <tr>
    <td>총 금액</td>
    <td colspan="3">6,500원</td> <!-- 열 병합 --> 
    <!-- 5행 2열부터 열 3개를 병합했으므로 나머지 열은 생성하지 않습니다. -->
  </tr>
</table>

그림 3-36 실행결과

예제 코드를 보면 3행 4열에서 4행 4열을 행 병합(rowspan)하므로 4행 4열은 생성하지 않습니다. 마찬가지로 5행 2열부터 4열까지 열 병합(colspan)하므로 5행 3열부터는 생성하지 않습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.