HTML 표 만들기 간단 정리

표 구성 순서

1. <table></table>

속성 border을 이용하여 표의 윤곽을 잡습니다.

2. <caption></caption>

테이블의 제목을 푱의 위쪽 중앙에 표시하고 싶을 경우 사용

2. <th></th>, <tr></tr>

행을 추가합니다. th태그는 tr태그와달리 셀의 중앙에 정렬이되며, 볼드체로 표시됩니다.

3. <td><td>

열에 들어갈 셀을 만듭니다.

4. 속성 colspan, rowspan을 이용하여 행이나 열을 합칠 수 있습니다.

5. 속성 aria-describedby은 스크린 리더에서 특정 요소의 상세 설명이나 기타 레이아웃들의 설명하는 용도입니다.

colspan, rowspan사용시 열과행이 밀려나는 형태를 파악하세요.