HTML-L3-001 / 문서 아키텍처
코스 상세 문서 설계
중급문제
코스 문서를 구성하세요. main에 h1 "CSS 기초", 설명 section의 h2 "배우는 것", 강의 nav의 aria-label "강의 순서"와 두 개의 순서 목록 항목을 작성하세요.
예시 텍스트·ID·참조 관계를 유지하면서 의미에 맞는 HTML을 작성하세요.
확인할 조건
- 코스 제목
- 설명 제목
- 이름 있는 강의 탐색
힌트
설명 영역과 탐색 영역의 역할을 구분하세요.
해설·정답 보기
순서가 중요한 강의는 ol로 표현하고 nav에 목적을 설명하는 이름을 붙입니다.
<!doctype html> <html lang="ko"> <head><meta charset="utf-8"><title>실습</title></head> <body> <main><h1>CSS 기초</h1><section><h2>배우는 것</h2><p>스타일과 배치</p></section><nav aria-label="강의 순서"><ol><li>선택자</li><li>레이아웃</li></ol></nav></main> </body> </html>
index.html화면·구조 확인
코드는 이 브라우저에 자동 저장돼요.
풀이 결과
코드를 작성하고 채점하기를 눌러보세요.
학습용으로 제공된 조건을 확인해요. 알고리즘 사용 방식·설계 의도는 해설과 함께 비교해보세요.