표 만들 때 쓰는 태그.
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월 다운로드 순위 |