[HTML] 테이블 태그(2) - colspan, rowspan 속성

colspan 속성

- <td>, <th>에서 주로 사용

- 데이터가 여러 열에 걸쳐 있을 때 사용

- 범위에 걸쳐 있는 열의 개수를 입력받음

 

<td colspan="열 개수">코드</td>

<table border="1">
  <tr>
    <th scope="col">coffee</th>
    <th scope="col">tea</th>
    <th scope="col">latte</th>
  </tr>
  <tr>
    <td>Americano</td>
    <td colspan="2">herb tea</td>
    <td>strawberry latte</td>
  </tr>
</table>

 

 

 

colspan 속성

- <td>, <th>에서 주로 사용

- 데이터가 여러 행에 걸쳐 있을 때 사용

- 범위에 걸쳐 있는 행의 개수를 입력받음

 

<td colspan=" 개수">코드</td>

<table border="1">
  <tr>
    <th scope="col">coffee</th>
    <th scope="col">tea</th>
    <th scope="col">latte</th>
  </tr>
  <tr>
    <td>Americano</td>
    <td rowspan="2">Herb tea</td>
    <td>Strawberry latte</td>
  </tr>
  <tr>
    <td>Cold brew</td>
    <td>Matcha latte</td>
  </tr>
</table>