[HTML5] Table 활용

table은 일종의 표를 만들 때 사용한다.

다른 태그와 조합해서 만드는데,

tr: 한 행을 의미

td/th: 한 열을 의미한다.

td: 왼쪽 정렬, 일반 글씨(일반 내용)

th: 가운데 정렬, 굵은 글씨(제목 또는 머리글)

colspan 열 통합

rowspan 행 통합

속성;

- border 테이블의 외곽선 표기. 두께 설정 가능

- bordercolor 외곽선의 색

- width 테이블의 너비

활용 예

구현 화면

굳이 저런 표가 아니더라도 테이블을 사용하면 요소간 배치를 좀 더 깔끔하게 잡아줄 수 있는데,

 

이런화면을

이렇게 정돈해줄 수 있다.

tr, td를 좀 신경 써주면 된다.