HTML - 문제 미리보기
문제 842
easy
HTML에서 제목(heading)을 나타내는 태그에 대한 설명으로 올바른 것은?
A. ``부터 `
`부터 ``까지 총 10개의 제목 태그가 있다
B. ``부터 `
`부터 ``까지 총 6개의 제목 태그가 있으며, ``이 가장 중요한 제목이다
`이 가장 중요한 제목이다
C. ``가 가장 중요한 제목이고, `
`가 가장 중요한 제목이고, ``이 가장 덜 중요한 제목이다
D. 제목 태그는 `` 하나만 존재한다
</div>
</div>
<div class="explanation">
<h3>정답: B</h3>
<div class="explanation-content">
HTML에서는 `<h1>`부터 `<h6>`까지 총 6개의 제목 태그를 제공합니다. `<h1>`은 가장 중요하고 큰 제목을 나타내며, 숫자가 커질수록 중요도가 낮아집니다. 즉, `<h1> > <h2> > <h3> > <h4> > <h5> > <h6>` 순서로 중요도가 결정됩니다. `<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>