HTML - 문제 미리보기

문제 1017

medium
SVG에서 원을 그리는 올바른 코드는?
A. `<circle cx="50" cy="50" radius="40" stroke="green" fill="yellow" />`
B. `<circle x="50" y="50" r="40" stroke="green" fill="yellow" />`
C. `<circle cx="50" cy="50" r="40" stroke="green" fill="yellow" />`
D. `<circle centerX="50" centerY="50" r="40" stroke="green" fill="yellow" />`

정답: C

SVG에서 원(`<circle>`) 요소의 올바른 속성들은 다음과 같습니다:

• `cx`: 원의 중심점 x 좌표 (center x)
• `cy`: 원의 중심점 y 좌표 (center y)
• `r`: 원의 반지름 (radius)
• `stroke`: 테두리 색상
• `fill`: 채우기 색상

1번의 `radius="40"`은 잘못된 속성명이고(올바른 것은 `r="40"`), 2번의 `x`, `y`는 사각형에서 사용하는 속성입니다. 4번의 `centerX`, `centerY`는 존재하지 않는 속성명입니다.
🎯 이 과목 문제 풀기 🏠 홈으로 가기

💡 학습 팁

이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.