HTML-L2-001 / 페이지 구성

블로그 글 의미 구조

초급

문제

header의 사이트명, main 안 article의 제목과 문단, footer의 운영 정보를 구조화하세요. article 제목은 "배열 배우기", 문단은 "배열은 순서가 있습니다."입니다.

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

확인할 조건

본문 하나
독립 글 제목
글 문단
푸터

힌트

독립적으로 읽을 글은 article로 묶습니다.

해설·정답 보기

사이트 영역과 글의 의미 영역을 구분합니다. 순서만 맞는 div 나열보다 구조를 전달합니다.

<!doctype html>
<html lang="ko">
<head><meta charset="utf-8"><title>실습</title></head>
<body>
<header>로그위프트</header><main><article><h1>배열 배우기</h1><p>배열은 순서가 있습니다.</p></article></main><footer>운영: 로그위프트</footer>
</body>
</html>

모르는 문법은 코드 사전에서 ↗

index.html화면·구조 확인

풀이 코드

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

풀이 결과

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

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

← 같은 난이도 목록 다음 문제: fieldset 관심사 묶음 →