티스토리 뷰
테이블의 기본 형식
테이블 관련 태그
▷ <table> 태그
＊ HTML에서 테이블을 정의하는 태그
☞ m행×n열 → m개의 <tr> 태그, 각 <tr> 태그 내에서 n개의 <td>태그
▷ <tr> 태그
＊ 테이블에서 하나의 줄에 해당하는 행을 정의하는 태그
☞ <td> 또는 <th> 태그를 포함해야만 사용 가능
▷ <td> 태그
＊ 테이블에서 데이터가 표시되는 표준 셀을 정의
☞ 반드시 <tr> 태그 내에서 사용
☞ 셀 내용 → 왼쪽 정렬로 표시
▷ <th> 태그
＊ 테이블 내부에서 행/열의 제목을 표시하는 헤더 셀을 정의
☞ 반드시 <tr> 태그 내에서 사용
☞ 셀 내용 → 진하게 가운데 정렬로 표시
▷ <caption> 태그
＊ 테이블 전체에 해당하는 제목을 표시
☞ 테이블 레이아웃에는 아무런 영향을 미치지 않음
☞ 반드시 <table>의 시작태그 바로 다음에 위치해야 함
→ <table>과 <caption> 태그 사이에는 다른 어떤 태그도 위치할 수 없음
→ <tr> 또는 <td> 태그 내에서 사용하면 무시됨
☞ 테이블 상단에 진하게 가운데 정렬로 표시
→ CSS caption-side 속성과 text-align 속성으로 위치 및 정렬 방식을 조정