HTML - 문제 미리보기
문제 972
easy
웹페이지의 상단 부분을 정의하는 HTML 시맨틱 요소는 무엇인가요?
A. ``
B. ``
C. ``
D. ``
</div>
</div>
<div class="explanation">
<h3>정답: B</h3>
<div class="explanation-content">
`<header>` 요소는 문서나 섹션의 상단 부분(헤더)를 정의하는 HTML5의 시맨틱 요소입니다. 일반적으로 제목, 로고, 내비게이션 메뉴 등이 포함됩니다. `<head>`는 문서의 메타데이터를 담는 요소이고, `<top>`이나 `<title>`은 헤더를 나타내는 요소가 아닙니다.
</div>
</div>
<div class="navigation-buttons" style="margin-top: 2rem;">
<a href="/problems.html?subject=HTML" class="nav-btn primary" style="text-decoration: none; padding: 12px 24px; background: #00d4aa; color: white; border-radius: 6px; font-weight: 500;">
🎯 이 과목 문제 풀기
</a>
<a href="/" class="nav-btn" style="text-decoration: none; padding: 12px 24px; background: #f8f9fa; color: #333; border: 1px solid #ddd; border-radius: 6px; margin-left: 10px;">
🏠 홈으로 가기
</a>
</div>
<div style="margin-top: 2rem; padding: 1rem; background: #f8f9fa; border-radius: 6px; border-left: 4px solid #00d4aa;">
<h4 style="margin: 0 0 0.5rem 0; color: #00d4aa;">💡 학습 팁</h4>
<p style="margin: 0; color: #666; font-size: 0.9rem;">
이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요.
진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.
</p>
</div>
</div>
</main>
<script>
// 코드 하이라이팅 적용
document.addEventListener('DOMContentLoaded', function() {
if (window.Prism) {
Prism.highlightAll();
}
});
</script>
</body>
</html>