Table

Doyoon Lee·2020년 7월 20일
0

HTML

목록 보기
1/3

Table

  1. 테이블은 항상 table 태그로 감싸져있다.
  2. table 태그 내에 tr 을 넣어 row 를 만들고, td나 th의 갯수에 따라서 column 은 그에 따라 자동으로 생긴다.
  3. tr 안에다가 th도 만들고 td 도 만든다. 코드상에서 table은 위에서부터 tr들의 나열로 이루어져있는 것이다.
  4. th를 사용하면 가운데 정렬이 되고, 글씨 두께가 두꺼워진다.
  5. rowspan 과 colspan 으로 td 나 th를 연결할 수 있다.
  6. rowspan, colspan 은 td, th 태그 안에 직접 넣어서 사용한다.

아래 예시에서 rowspan, colspan 을 넣는 법을 보자.

<td rowspan="2">1:00</td>

<td colspan="2">별로</td>



🔥주의할 점

<th></th>

비어있는 th 도 만들수 있다.
특히 표에서 맨 왼쪽위 th 끼리 겹치는 부분에 자주 사용한다.

0개의 댓글