Table
- 테이블은 항상 table 태그로 감싸져있다.
- table 태그 내에 tr 을 넣어 row 를 만들고, td나 th의 갯수에 따라서 column 은 그에 따라 자동으로 생긴다.
- tr 안에다가 th도 만들고 td 도 만든다. 코드상에서 table은 위에서부터 tr들의 나열로 이루어져있는 것이다.
- th를 사용하면 가운데 정렬이 되고, 글씨 두께가 두꺼워진다.
- rowspan 과 colspan 으로 td 나 th를 연결할 수 있다.
- rowspan, colspan 은 td, th 태그 안에 직접 넣어서 사용한다.
아래 예시에서 rowspan, colspan 을 넣는 법을 보자.
<td rowspan="2">1:00</td>
<td colspan="2">별로</td>
🔥주의할 점
<th></th>
비어있는 th 도 만들수 있다.
특히 표에서 맨 왼쪽위 th 끼리 겹치는 부분에 자주 사용한다.