Smiley Face Part 1
A single large yellow circle with a thick black outline sits at the center of an SVG canvas, flanked by two smaller unfilled circles that mark the positions of a future face's eyes. This first step in building a smiley face uses plain SVG elements—`<circle>` tags with explicit `cx`, `cy`, `r`, and `fill` attributes—to establish the head and eye placeholders. The code directly sets coordinates and radii without any JavaScript libraries or data, relying solely on static SVG rendering in the browser. The layout is fixed at 960 by 500 pixels, with the face centered horizontally.