HTML/CSS 퍼블리싱 레벨 테스트

귀하의 HTML/CSS 실력을 평가하고 적절한 수업을 추천해드립니다.

📝 섹션 1: HTML 기초 (30점)

문제 1. 다음 중 제목 태그가 아닌 것은? (5점)

문제 2. 이미지를 삽입하는 올바른 HTML 태그는? (5점)

문제 3. 다음 중 블록 레벨 요소는? (5점)

문제 4. 순서가 있는 목록을 만드는 태그는? (5점)

문제 5. HTML5에서 추가된 시맨틱 태그를 모두 고르세요. (10점)

🎨 섹션 2: CSS 기초 (30점)

문제 6. 텍스트 색상을 빨간색으로 변경하는 CSS는? (5점)

문제 7. 다음 중 CSS 선택자의 우선순위가 가장 높은 것은? (5점)

문제 8. margin과 padding의 차이점은? (5점)

문제 9. display: flex를 사용할 때 자식 요소를 가로 중앙 정렬하는 속성은? (5점)

문제 10. 반응형 웹을 위한 미디어 쿼리 작성법으로 올바른 것은? (10점)

💻 섹션 3: 실습 문제 (40점)

문제 11. 아래 미리보기와 동일한 버튼을 만드는 CSS 코드를 작성하세요. (10점)

힌트: 배경색 #007bff, 텍스트 색상 white, padding 10px 20px, 테두리 없음, 둥근 모서리 5px

문제 12. 3개의 박스를 가로로 균등하게 배치하는 HTML/CSS를 작성하세요. (15점)

박스 1
박스 2
박스 3

문제 13. 호버 시 색상이 변하는 링크를 만드세요. (15점)

힌트: 기본 색상 #333, 호버 시 #007bff, 밑줄 제거