logweft.

HTML-L2-041 / 표 구성

접근 가능한 성적표

초급

문제

성적표를 만드세요. caption은 "기말 성적", 열 머리글은 이름/점수, 행은 하나/90입니다. 열 헤더에 scope=col을 지정하세요.

예시 텍스트·ID·참조 관계를 유지하면서 의미에 맞는 HTML을 작성하세요.

확인할 조건

  • 표 제목
  • 열 머리글
  • 데이터 셀
힌트

표 제목과 열 머리글의 역할을 각각 표시하세요.

해설·정답 보기

caption은 표 전체를 설명하고 scope=col은 아래 셀에 적용될 헤더를 나타냅니다.

<!doctype html>
<html lang="ko">
<head><meta charset="utf-8"><title>실습</title></head>
<body>
<main><table><caption>기말 성적</caption><thead><tr><th scope="col">이름</th><th scope="col">점수</th></tr></thead><tbody><tr><td>하나</td><td>90</td></tr></tbody></table></main>
</body>
</html>
모르는 문법은 코드 사전에서 ↗
index.html화면·구조 확인

코드는 이 브라우저에 자동 저장돼요.

풀이 결과

코드를 작성하고 채점하기를 눌러보세요.

    학습용으로 제공된 조건을 확인해요. 알고리즘 사용 방식·설계 의도는 해설과 함께 비교해보세요.

    어떤 기록을 찾으세요?

    키워드를 입력하면 기록을 찾아드려요.