HTML - 문제 미리보기
문제 828
easy
HTML에서 제목(heading)을 나타내는 태그 중 가장 중요한 제목을 표시하는 태그는?
A. `
`
B. `
`
C. ``
</div>
<div class="option">
<strong>D.</strong> `<header>`
</div>
</div>
<div class="explanation">
<h3>정답: B</h3>
<div class="explanation-content">
HTML에서는 `<h1>`부터 `<h6>`까지 6단계의 제목 태그가 있습니다. `<h1>`이 가장 중요하고 큰 제목을 나타내며, 숫자가 커질수록 중요도가 낮아집니다. `<h6>`가 가장 작고 덜 중요한 제목입니다. `<title>`은 브라우저 탭에 표시되는 문서 제목이고, `<header>`는 HTML5의 시맨틱 태그로 다른 용도입니다.
</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>