표 Table (1) - 기본 구조

테이블의 정의

• 데이터를 담은 표를 담을 때 사용한다.

---

테이블의 기본 원리

<table>
    <tr>
        <th>테이블 헤더</th>
        <td>테이블 데이터</td>
    </tr>
</table>

1. 테이블의 시작인 table 태그를 작성한다.
2. 모든 테이블을 하나의 가로줄(tr)을 기준으로 본다.
3. 데이터에 관한 셀(td)인지, 헤더(th)에 관한 셀인지 구분해야 한다.

---

주의사항

• tr 안에 있는 th가 4개라면 다음 tr 안에 있는 td 또한 4개여야 한다.

---

기타 태그들 (필수는 아니지만 사용하는 걸 추천)

• thead 태그 : th 태그들을 묶어놓음으로써 브라우저에게 테이블 헤더임을 알려준다.
• tbody 태그 : td 태그들을 묶어놓음으로써 브라우저에게 테이블 데이터임을 알려준다.
• tfoot 태그 : 영수증이나 총합, 최종 결론 부분에 사용한다.

---

실습 화면