html 테이플(표) 만들기 - row, col의 차이

 

 

html에서 테이블(표) 작성시 참고!

 

1) tr : "table row"의 약어로, 표(table)에서 한 행
2) th: "table header"의 약어로, 표의 헤더 셀을 나타냅니다. 주로 표의 열이나 행에 대한 레이블을 제공하는 데 사용됩니다.
3) td: "table data"의 약어로, 표의 일반 데이터 셀을 나타냅니다. 표의 각 셀에 실제 데이터를 담고 있습니다.

 

 

 

    <table>
      <tr>
        <th scope="row">행 1</th>
        <td>데이터 1</td>
        <td>데이터 2</td>
      </tr>
      <tr>
        <th scope="row">행 2</th>
        <td>데이터 3</td>
        <td>데이터 4</td>
      </tr>
    </table>

 

th scope="row"

 

 

---

 

 

 

    <table>
      <tr>
        <th scope="col">열 1</th>
        <th scope="col">열 2</th>
      </tr>
      <tr>
        <td>데이터 1</td>
        <td>데이터 2</td>
      </tr>
    </table>

 

th scope="col"