HTML-L3-031 / 복잡한 표
다단 열 헤더 headers
중급문제
두 단계 열 머리글 성적표를 작성하세요. "시험" 헤더 id=exam은 colspan=2, "중간" id=mid와 "기말" id=final을 포함합니다. 데이터 80/90의 headers를 각각 exam mid, exam final로 지정하세요.
예시 텍스트·ID·참조 관계를 유지하면서 의미에 맞는 HTML을 작성하세요.
확인할 조건
- 상위 헤더 병합
- 중간 연결
- 기말 연결
힌트
headers에 관련 헤더 id들을 공백으로 나열합니다.
해설·정답 보기
복합 표에서 각 셀이 어떤 상위·하위 헤더에 속하는지 명시합니다.
<!doctype html> <html lang="ko"> <head><meta charset="utf-8"><title>실습</title></head> <body> <main><table><caption>시험 점수</caption><thead><tr><th id="exam" colspan="2">시험</th></tr><tr><th id="mid">중간</th><th id="final">기말</th></tr></thead><tbody><tr><td headers="exam mid">80</td><td headers="exam final">90</td></tr></tbody></table></main> </body> </html>
index.html화면·구조 확인
코드는 이 브라우저에 자동 저장돼요.
풀이 결과
코드를 작성하고 채점하기를 눌러보세요.
학습용으로 제공된 조건을 확인해요. 알고리즘 사용 방식·설계 의도는 해설과 함께 비교해보세요.