행과 열로 비교하는 데이터를 의미 있는 표로 만듭니다.
table은 표 전체, caption은 제목, thead와 tbody는 영역, tr은 행, th와 td는 제목 셀과 데이터 셀입니다. th의 scope는 제목이 어느 행이나 열을 설명하는지 알려줍니다.
예제에서는 <table><tr><th>제목</th><td>값</td></tr></table> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.
먼저 현재 결과를 확인한 뒤 수요일 학습 행을 추가하고 caption도 바꿔보세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
페이지 배치를 만들기 위해 table을 사용하지 말고 실제 표 형태의 데이터에만 사용하세요.
직접 바꿔보세요수요일 학습 행을 추가하고 caption도 바꿔보세요.