표 만들 때 쓰는 태그.
table
tr, th, td 요소를 감싸는 전체박스.
tr
행을 의미. 추가할수록 세로 방향으로 한 줄씩 늘어난다. 여러 td 자식 요소를 갖는다.
td
열을 의미. 추가할수록 가로 방향으로 한 줄씩 늘어난다.
th
table header의 준말. th안에 있는 요소는 굵은 글씨와 중앙 정렬이 된다.
선 겹침이 싫다면 스타일 border-collapse : collapse를 적용하면 된다.
html에서의 행, 열은 알고 있는 것과 반대로 적용해야 한다. (행 = 세로, 열 = 가로)
이건 위에서 아래 순으로 컨텐츠를 빠짐없이 읽어야 하는 html 문서의 특징 때문에 그렇다고 한다.
컨텐츠가 td나 th에 들어있지 않으면 table의 최상단으로 이탈해버린다. 주의...
rowspan은 행(세로) 병합, colspan은 열(가로) 병합이다. 둘 다 td 안에 들어가는 속성이다.
속성을 추가하면 그만큼 기존에 있었던 행이나 세로를 제거해야 한다.
1 | <td rowspan="병합할 셀 개수(n)"> | cs |
병합할 셀 개수는 '속성이 들어갈 태그'를 포함해서 세야 한다.
| 순위 | 제목 | 장르 |
|---|---|---|
| 1 | 캐리비안의 해적 | 판타지 |
| 2 | 트랜스포머 | SF |
| 3 | 카2 | 애니메이션 |
| 4 | 엑스맨 | SF |
| 5 | 노팅힐 | 드라마 |
| 순위 | 제목 | 장르 | 지난주 순위 |
|---|---|---|---|
| 1 | 캐러비안의 해적 | 판타지 | 없음(New) |
| 2 | 트랜스포머 | SF | |
| 3 | 카2 | 애니메이션 | |
| 4 | 엑스맨 | SF | 2 |
| 5 | 노팅힐 | 드라마 | 1 |
| 2011년 6월 다운로드 순위 | |||