Framework-free frontend

HTML과 CSS의 기본을 직접 확인합니다.

문서 구조, 상대 경로, 반응형 레이아웃과 키보드 접근성을 작은 정적 사이트에서 연습합니다.

학습 내용 보기

학습 목표

Semantic HTML

header, nav, main, section과 footer의 역할을 구분합니다.

Relative navigation

빌드 도구 없이 세 페이지를 상대 경로로 연결합니다.

Accessible layout

키보드 포커스, 건너뛰기 링크와 반응형 화면을 적용합니다.