표 Table(1) - 기본구조

테이블에대해 배워보겠다.

테이블은 데이터를 담은 표를 표현할때 사용함.

Untitled

이런 형태로 사용함.

<table>은 앞으로 테이블을 사용할것이라는 태그

<tr>은 table row의 약자임

<th>는 테이블 헤더(제목)

<td>는 테이블 데이터 약자

html에서 표는 row를 기준으로 사용한다.

이때 각각의 row가 제목 row인지, 데이터row인지를 구별해줘야 함.

실습해보자.

<!DOCTYPE html>
<html>
  <table>
    <tr></tr>
  </table>
</html>

이것만 작성하면

Untitled

아무일도 일어나지 않는다.

<!DOCTYPE html>
<html>
  <table>
    <tr>
        <th>ID</th>
        <th>이름</th>
        <th>개발분야</th>
    </tr>
  </table>
</html>

Untitled