HTML - 문제 미리보기
문제 876
medium
다음 Internal CSS 코드에서 빈칸에 들어갈 올바른 태그들은?
```html
<!DOCTYPE html>
<html>
<______>
<______>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</______>
</______>
<body>
<h1>제목</h1>
<p>문단</p>
</body>
</html>
```
```html
<!DOCTYPE html>
<html>
<______>
<______>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</______>
</______>
<body>
<h1>제목</h1>
<p>문단</p>
</body>
</html>
```
정답: B
Internal CSS의 올바른 구조입니다:
구조 분석:
• `<head>`: HTML 문서의 메타데이터 섹션
• `<style>`: 내부 CSS를 정의하는 태그
CSS 규칙 해석:
• `body {background-color: powderblue;}`: 페이지 전체 배경을 연한 파란색으로
• `h1 {color: blue;}`: 모든 `<h1>` 태그의 텍스트를 파란색으로
• `p {color: red;}`: 모든 `<p>` 태그의 텍스트를 빨간색으로
장점:
• 한 페이지의 모든 동일한 요소에 일괄 적용
• 인라인 CSS보다 관리가 쉬움
• 해당 페이지에서만 유효
구조 분석:
• `<head>`: HTML 문서의 메타데이터 섹션
• `<style>`: 내부 CSS를 정의하는 태그
CSS 규칙 해석:
• `body {background-color: powderblue;}`: 페이지 전체 배경을 연한 파란색으로
• `h1 {color: blue;}`: 모든 `<h1>` 태그의 텍스트를 파란색으로
• `p {color: red;}`: 모든 `<p>` 태그의 텍스트를 빨간색으로
장점:
• 한 페이지의 모든 동일한 요소에 일괄 적용
• 인라인 CSS보다 관리가 쉬움
• 해당 페이지에서만 유효
💡 학습 팁
이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.